:root{color-scheme:dark;--bg:#0d1e28;--surface:#173442;--surface2:#213f4b;--text:#f2f7f8;--muted:#a9bec5;--accent:#c9e9e0;--accentInk:#183b35;--gold:#d9bc78;--line:#d9edf126;--input:#0c222c;--shadow:#020b11a8;--edge-angle:0deg}
html[data-theme=pearl]{color-scheme:light;--bg:#e7edf0;--surface:#eef5f5e8;--surface2:#dce8e9;--text:#1c3b43;--muted:#617b82;--accent:#2e7467;--accentInk:#fff;--gold:#94703d;--line:#315e6330;--input:#f6fafa;--shadow:#051d2a38}
html[data-theme=forest]{--bg:#13271f;--surface:#1b382ce9;--surface2:#284a39;--text:#f1f6eb;--muted:#adbea8;--accent:#d5e2bd;--accentInk:#344128;--gold:#dfc183;--line:#dceac42b;--input:#102a20}
html[data-theme=sky]{color-scheme:light;--bg:#dcecf4;--surface:#f4fbfddd;--surface2:#d9edf5;--text:#163848;--muted:#5b7c8b;--accent:#2385a5;--accentInk:#fff;--gold:#a77b35;--line:#3e7f9730;--input:#f8fcfe;--shadow:#173b4d36}
html[data-theme=sand]{color-scheme:light;--bg:#eee7dc;--surface:#fffaf2df;--surface2:#efe3d1;--text:#43372c;--muted:#796b5e;--accent:#8f6544;--accentInk:#fff;--gold:#9a6b31;--line:#775b3d2b;--input:#fffdfa;--shadow:#49341f31}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--text);background:linear-gradient(90deg,#0d1d27b8,#10242c4a),url('assets/dashboard-default-cool.png') center/cover fixed no-repeat,var(--bg);font:14px/1.6 'Segoe UI Variable','Segoe UI',Arial,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 52% 45%,transparent 0 18%,#071a2455 70%,#07141dc9 100%)}
button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}a{color:inherit;text-decoration:none}button:disabled,input:disabled{opacity:.46;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}
header,footer{position:relative;z-index:2;width:calc(100% - 32px);max-width:1560px;margin-left:auto;margin-right:auto;padding:17px 3.2%;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#15313ddd,#102731c7);box-shadow:0 18px 45px #020b1138,inset 0 1px 0 #ffffff18;backdrop-filter:blur(20px) saturate(130%)}header{margin-top:14px}footer{margin-top:4px;margin-bottom:14px}.brand{display:flex;gap:11px;align-items:center;font-size:21px;font-weight:600;letter-spacing:-.6px}.brand img{width:42px;height:42px;object-fit:contain}.brand small{display:block;font-size:7px;letter-spacing:1.7px;font-weight:400;color:var(--muted)}.quiet{background:transparent;border:1px solid var(--line);padding:8px 13px;border-radius:12px;color:var(--muted);font-size:12px;box-shadow:inset 0 1px 0 #ffffff12}.quiet:hover{background:var(--surface2);color:var(--text)}
main{position:relative;z-index:1;max-width:1380px;margin:auto;padding:52px 5% 60px;display:grid;grid-template-columns:1.05fr .95fr;gap:8%;min-height:calc(100vh - 150px);align-items:center}.welcome{position:relative;min-height:540px;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate;text-shadow:0 3px 20px #07141db8}.eyebrow{font-size:9px;letter-spacing:1.7px;color:var(--muted);display:block;font-weight:600}h1,h2,p{margin:0}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,5.1vw,80px);line-height:1.08;font-weight:400;letter-spacing:-2.5px;margin:23px 0}h1 em{color:var(--accent);font-weight:400}.welcome>p{color:var(--muted);font-size:15px;line-height:1.9}
.architecture{position:relative;flex:1;width:100%;min-height:175px;margin:18px 0 26px;opacity:.48;overflow:hidden}.architecture i{position:absolute;bottom:25px;width:140px;height:150px;border:1px solid var(--accent);transform:skewY(-10deg);background:repeating-linear-gradient(0deg,transparent 0 30px,var(--line) 31px 32px),repeating-linear-gradient(90deg,transparent 0 34px,var(--line) 35px 36px)}.architecture i:nth-child(1){left:10px;height:100px;width:110px;opacity:.55}.architecture i:nth-child(2){left:90px;height:155px;width:155px}.architecture i:nth-child(3){left:225px;height:200px;width:190px}.architecture div{position:absolute;bottom:10px;width:90%;border-bottom:1px solid var(--gold);transform:rotate(-8deg);transform-origin:left}.promise{width:100%;display:flex;gap:20px;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;color:var(--gold);font-size:9px}.promise b{display:block;font-weight:400;color:var(--muted);font-size:11px;margin-top:5px}
.access{max-width:410px;width:100%;justify-self:center}.login-shell{position:relative;border-radius:27px;padding:1px;background:conic-gradient(from var(--edge-angle),transparent 0 24%,#d6bc91 33%,#80d9ff 40%,transparent 50% 100%);box-shadow:0 28px 80px var(--shadow);animation:edge-spin 9s linear infinite}.login-shell:before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:inherit;filter:blur(13px);opacity:.3;z-index:-1}.login-card{position:relative;--text:#f2f7f8;--muted:#a9bec5;--gold:#d9bc78;--line:#d9edf126;--surface2:#213f4b;--accent:#c9e9e0;color:var(--text);background:linear-gradient(145deg,#193746e8,#132b37ee 55%,#0f2530f4);border:1px solid #d9edf126;border-radius:26px;box-shadow:inset 0 1px 0 #ffffff20,inset 0 -1px 0 #08151eaa;padding:27px 31px 26px;backdrop-filter:blur(25px) saturate(135%)}
.login-mark{width:74px;height:74px;margin:0 auto 13px;display:grid;place-items:center;border-radius:20px;background:linear-gradient(145deg,#ffffff18,#ffffff03);border:1px solid #e9f6fa32;box-shadow:0 12px 28px #0005,inset 0 1px 0 #fff3}.login-mark img{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 6px 12px #0007)}#login-panel>.eyebrow{text-align:center;color:var(--gold)}h2{font-size:23px;line-height:1.25;font-weight:560;letter-spacing:-.55px;margin:7px 0 5px;text-align:center}.muted{color:var(--muted);font-size:11px;text-align:center}
.manager{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:18px 0 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px 0}.manager>small{font-size:8px;letter-spacing:1.1px;color:var(--muted);white-space:nowrap}#manager-logo{display:flex;align-items:center;justify-content:flex-end;min-width:140px;min-height:54px;color:var(--text);font-size:11px}#manager-logo img{max-width:170px;width:100%;height:54px;object-fit:contain;filter:drop-shadow(0 4px 10px #0008)}.notice{font-size:10px;padding:10px 12px;border:1px solid var(--line);background:#0d222c9c;border-radius:10px;color:var(--muted);line-height:1.55;margin-bottom:15px}.notice.error{color:var(--gold)}
label{font-size:10px;color:var(--muted);display:block;margin-bottom:13px}input{display:block;width:100%;padding:11px 13px;margin-top:6px;background:#0c222cbb;border:1px solid #b9d9e531;border-radius:10px;color:var(--text);font-size:12px;box-shadow:inset 0 1px 5px #0003}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 15px;background:linear-gradient(100deg,#b79655,#dcc37f);color:#182b2f;border-radius:10px;font-size:12px;font-weight:700;box-shadow:0 8px 20px #0003;transition:transform .15s,filter .15s}.primary:hover:enabled{transform:translateY(-2px);filter:brightness(1.06)}.primary span{font-size:18px}.login-note,.help{font-size:9px;color:var(--muted);line-height:1.6;text-align:center;margin-top:15px}.help{font-size:10px;margin:17px 20px 0;text-shadow:0 2px 10px #000}
html[data-theme=pearl] body{background:linear-gradient(90deg,#f4f8f9e8,#e8f1f3a9),url('assets/dashboard-default-cool.png') center/cover fixed no-repeat,var(--bg)}html[data-theme=sky] body{background:linear-gradient(90deg,#e5f3f9dc,#cfe8f4a0),url('assets/dashboard-default-cool.png') center/cover fixed no-repeat,var(--bg)}html[data-theme=sand] body{background:linear-gradient(90deg,#f8f1e8e8,#eadbc69c),url('assets/dashboard-default-cool.png') center/cover fixed no-repeat,var(--bg)}html[data-theme=pearl] body:before,html[data-theme=sky] body:before,html[data-theme=sand] body:before{background:radial-gradient(circle at 52% 45%,transparent 0 22%,#8095a52b 72%,#43576552 100%)}
html[data-theme=pearl] header,html[data-theme=pearl] footer,html[data-theme=sky] header,html[data-theme=sky] footer,html[data-theme=sand] header,html[data-theme=sand] footer{background:linear-gradient(145deg,#ffffffd9,#edf5f5c7);box-shadow:0 18px 45px var(--shadow),inset 0 1px 0 #fff}html[data-theme=sand] header,html[data-theme=sand] footer{background:linear-gradient(145deg,#fffaf2e3,#efe3d1cf)}
html[data-theme=pearl] .login-card,html[data-theme=sky] .login-card,html[data-theme=sand] .login-card{--text:var(--theme-text,#17333d);--muted:var(--theme-muted,#617b82);--gold:#9b7339;--line:#315e6330;--surface2:#e3edef;--accent:#2e7467;color:var(--text);background:linear-gradient(145deg,#ffffffeb,#edf5f5e8 58%,#dfeaedeb);border-color:#315e6330;box-shadow:inset 0 1px 0 #fff,0 24px 60px var(--shadow)}html[data-theme=sky] .login-card{--theme-text:#163848;--theme-muted:#5b7c8b;background:linear-gradient(145deg,#f8fdffed,#e5f3f8e8 58%,#d5eaf3eb)}html[data-theme=sand] .login-card{--theme-text:#43372c;--theme-muted:#796b5e;background:linear-gradient(145deg,#fffdf8ed,#f7eee2e8 58%,#eadbc8eb)}html[data-theme=pearl] .notice,html[data-theme=pearl] input,html[data-theme=sky] .notice,html[data-theme=sky] input,html[data-theme=sand] .notice,html[data-theme=sand] input{background:#ffffffa8;border-color:var(--line);box-shadow:inset 0 1px 4px #39526014}html[data-theme=pearl] .login-mark,html[data-theme=sky] .login-mark,html[data-theme=sand] .login-mark{background:linear-gradient(145deg,#ffffffd8,#ffffff55);box-shadow:0 12px 28px var(--shadow),inset 0 1px 0 #fff}
footer{font-size:10px;color:var(--muted);padding-top:15px;padding-bottom:15px}footer small{font-size:8px;margin-left:8px;opacity:.65}#member-panel h2{margin-top:8px}#memberships{display:grid;gap:10px;margin:22px 0}.membership{text-align:left;width:100%;background:var(--surface2);border:1px solid var(--line);border-radius:12px;padding:15px}.membership b{display:block;font-size:13px}.membership small{display:block;color:var(--muted);font-size:10px;margin-top:4px;overflow-wrap:anywhere}.membership:after{content:'Otvori →';display:block;font-size:10px;color:var(--accent);margin-top:12px}
dialog{width:min(570px,calc(100vw - 28px));max-height:85vh;overflow:auto;padding:30px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 25px 80px #0006}dialog::backdrop{background:#041a20bb;backdrop-filter:blur(8px)}dialog h2{font-size:24px;margin-right:20px}.close{position:absolute;right:14px;top:12px;font-size:25px;width:30px;height:30px;color:var(--muted);background:none}.detail-row{padding:13px 0;border-bottom:1px solid var(--line)}.detail-row small{display:block;color:var(--muted);font-size:10px}.detail-row b{font-size:13px;font-weight:500;overflow-wrap:anywhere}.detail-note{font-size:11px;line-height:1.8;color:var(--muted);margin-top:18px}
@keyframes edge-spin{to{--edge-angle:360deg}}@media(max-width:1000px){main{gap:6%;padding:44px 5%}.welcome{min-height:500px}.login-card{padding:26px}h1{font-size:56px;letter-spacing:-2px}.architecture i:nth-child(3){left:180px}}@media(max-width:720px){body{background-position:62% center}header{padding:15px 20px}.brand{font-size:19px}.brand img{width:36px;height:36px}.brand small{font-size:6px;letter-spacing:1.3px}.quiet{font-size:10px;padding:7px 10px}main{display:flex;flex-direction:column;gap:18px;padding:26px 20px 34px;min-height:calc(100vh - 142px)}.welcome{display:none}.access{max-width:390px;margin:auto}.login-shell{border-radius:24px}.login-card{padding:24px 22px;border-radius:23px}.login-mark{width:66px;height:66px}.login-mark img{width:54px;height:54px}h2{font-size:21px}.manager{margin:16px 0 14px}.help{margin-top:15px}footer{padding:14px 20px;font-size:8px}footer>span:last-child{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.login-shell{animation:none}}