@font-face{font-family:Inter;src:url(fonts/inter-latin.woff2) format('woff2');font-weight:100 900;unicode-range:U+0000-024F}@font-face{font-family:Inter;src:url(fonts/inter-greek.woff2) format('woff2');font-weight:100 900;unicode-range:U+0370-03FF,U+1F00-1FFF}
:root{color-scheme:dark;--bg:#0b0f19;--surface:#131b2e;--line:#28324c;--text:#edf2fc;--muted:#94a3be;--accent:#a5b4fc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#6d28d919,transparent 50%),var(--bg);color:var(--text);font:14px/1.7 Inter,'Segoe UI',sans-serif;min-height:100vh}header{display:flex;justify-content:space-between;align-items:center;padding:20px max(26px,calc((100vw - 1250px)/2));border-bottom:1px solid var(--line);gap:24px;background:#131b2eef;backdrop-filter:blur(18px)}a{color:#b0baff;text-decoration:none;transition:color .2s}a:hover{color:#ddd6fe}.brand{display:flex;align-items:center;gap:14px;color:#f8fafc;font-weight:750;font-size:20px;letter-spacing:-.035em}.brand small{font-size:10px;color:#8f9db9;font-weight:400;letter-spacing:.01em;margin-top:2px}.mark{background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);box-shadow:0 6px 24px #7c3aed33;border-radius:13px;width:46px;height:46px;display:grid;place-items:center;font-size:30px;font-weight:400}.mark svg{width:28px;height:28px}small{display:block}nav,.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}nav>a{font-size:12px;padding:8px 16px;border:1px solid #363b64;border-radius:10px;background:#6366f10d;color:#bac4ef}nav>a:hover{background:#6366f121;border-color:#635d9d}nav form{margin:0}main{max-width:1300px;padding:42px 26px 70px;margin:auto}main:before{content:'SOCIALRADAR PRO / ΚΕΝΤΡΟ ΔΙΑΧΕΙΡΙΣΗΣ';display:block;font-size:9px;letter-spacing:.18em;font-weight:700;color:#8c8bbc;margin-bottom:14px}h1{font-size:34px;font-weight:750;letter-spacing:-1.2px;margin:0 0 28px;line-height:1.2}h2{font-size:18px;font-weight:650;letter-spacing:-.35px;margin:0 0 12px}p{color:var(--muted);max-width:1000px}.intro{font-size:15px;line-height:1.9;max-width:900px}.panel,.login{border:1px solid var(--line);border-radius:17px;background:linear-gradient(130deg,#151d32,#121a2b);padding:28px;margin:22px 0;box-shadow:0 10px 30px #00000012}.login{max-width:490px;margin:45px auto 70px;padding:36px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#7c3aed26,transparent 65%),var(--surface)}.login:before{content:'◉';display:grid;place-items:center;width:58px;height:58px;border-radius:17px;margin:0 0 25px;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);color:white;font-size:38px;box-shadow:0 12px 30px #7c3aed38}.login h2{font-size:25px}.login>p{font-size:13px;margin-bottom:28px}.login button{width:100%;margin-top:10px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:12px 0 30px}.metrics section{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:21px 22px;position:relative;overflow:hidden}.metrics section:after{content:'';position:absolute;height:3px;bottom:0;left:20px;right:20px;background:linear-gradient(90deg,#6366f1,transparent);opacity:.6}.metrics section:nth-child(2):after{background:linear-gradient(90deg,#34d399,transparent)}.metrics section:nth-child(3):after{background:linear-gradient(90deg,#ec4899,transparent)}.metrics section:nth-child(4):after{background:linear-gradient(90deg,#a78bfa,transparent)}.metrics span{color:var(--muted);font-size:11px;display:block;margin-bottom:8px}.metrics strong{font-size:31px;letter-spacing:-1px}.metrics section:nth-child(2) strong{color:#6ee7b7}.metrics section:nth-child(3) strong{color:#f9a8d4}.metrics strong a{font-size:13px;letter-spacing:-.2px;color:#c4b5fd}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.wide{grid-column:1/-1}label{display:block;color:#aab8d1;font-size:11px;font-weight:500}input,select,textarea{display:block;width:100%;margin:8px 0 14px;padding:12px 13px;border:1px solid #34415f;background:#0d1527;border-radius:9px;color:var(--text);font:400 13px/1.6 Inter,'Segoe UI',sans-serif;transition:border .2s}input::placeholder,textarea::placeholder{color:#687895}input:focus,textarea:focus,select:focus{outline:2px solid #a78bfa80;outline-offset:2px;border-color:#818cf8}input[type=file]{font-size:12px;padding:12px}input[type=file]::file-selector-button{font:inherit;border:1px solid #4a467d;border-radius:7px;padding:7px 12px;background:#6366f11a;color:#c4b5fd;margin-right:14px;cursor:pointer}button,.button{display:inline-block;background:linear-gradient(110deg,#4f46e5,#9333ea);color:white;border:1px solid #8575e177;border-radius:9px;padding:11px 17px;font:600 12px/1.5 Inter,'Segoe UI',sans-serif;cursor:pointer;text-decoration:none;transition:background .2s,transform .2s,border-color .2s}button:hover,.button:hover{background:linear-gradient(110deg,#6366f1,#a855f7);border-color:#a78bfa;text-decoration:none}button:active,.button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #a5b4fc;outline-offset:4px}.quiet{background:#1d2740;color:#b7c3df;border-color:#36415e}.quiet:hover{background:#2c3658;border-color:#686293}.actions{margin:20px 0 0;gap:10px}.actions form{margin:0}.actions>label{min-width:250px}.actions>label input{margin-bottom:0}.actions>button{align-self:flex-end}.split{display:flex;justify-content:space-between;align-items:start;gap:24px}.badge{display:inline-block;white-space:nowrap;padding:5px 11px;border:1px solid #6d67bc66;border-radius:20px;background:#6366f11a;color:#b9baff;font-size:10px}.license>.split>div>code{display:block;background:#0c1425;border:1px solid #2b3652;border-radius:9px;padding:11px 14px;margin:13px 0 10px;color:#d2ccff;font-size:13px;letter-spacing:.04em;max-width:100%;overflow-wrap:anywhere}.license>.split>div>p{font-size:12px}.notice{border:1px solid #10b98144;background:#10b98110;padding:17px 21px;border-radius:12px;color:#a7f3d0;max-width:none;font-size:13px}.error{border-color:#f43f5e55;background:#f43f5e0f;color:#fecdd3}summary{cursor:pointer;font-weight:600;color:#c4b5fd;font-size:13px;padding:2px 0;list-style:none}summary::-webkit-details-marker{display:none}summary:before{content:'›';font-size:21px;line-height:1;display:inline-block;vertical-align:middle;margin-right:12px;color:#a5b4fc;transition:transform .2s}details[open]>summary:before{transform:rotate(90deg)}details[open]>summary{margin-bottom:22px}code{font-size:12px;color:#c4b5fd;overflow-wrap:anywhere}.hash{display:block;margin:15px 0;padding:12px;background:#0b1222;border-radius:9px;font-size:11px}.table{overflow-x:auto;margin:23px 0;border:1px solid #26314b;border-radius:10px}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}tr:last-child td{border-bottom:0}th{color:#9aa8c2;font-size:9px;text-transform:uppercase;letter-spacing:.08em;background:#0e1729}td{font-size:12px}td small{color:#7789a6;font-size:10px;margin-top:4px}tr:hover td{background:#6366f105}.danger{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.danger summary{color:#fda4af}.danger button{background:#f43f5e14;border-color:#f43f5e50;color:#fecdd3}.notes{white-space:normal;line-height:1.9;font-size:13px}footer{color:#687993;border-top:1px solid var(--line);margin-top:46px;padding-top:22px;font-size:10px;line-height:1.8}ol{padding-left:23px;color:var(--muted)}li{padding:6px 0}::selection{background:#6366f1;color:white}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#34415f;border-radius:8px}@media(max-width:900px){header{flex-direction:column;align-items:flex-start;padding:20px 22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.fields{grid-template-columns:1fr}.wide{grid-column:auto}.panel{padding:22px}main{padding:28px 18px 55px}h1{font-size:29px}.split{flex-direction:column}.actions>label{min-width:0;width:100%}.login{margin:32px auto;padding:28px}}@media(max-width:460px){nav{gap:8px}nav>a,.quiet{font-size:11px;padding:8px 12px}.metrics{gap:10px}.metrics section{padding:16px}.metrics strong{font-size:26px}.brand{font-size:18px}.login:before{width:48px;height:48px;font-size:31px}.panel{padding:18px}}