:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#07111f;--bg2:#081625;--card:#102238;--card2:#0b1b2d;--line:rgba(255,255,255,.085);--text:#f7fbff;--muted:#8da4bd;--blue:#4aabff;--cyan:#40e3d0;--green:#4ce18a;--red:#ff6f7d;--amber:#ffc857;--shadow:0 18px 55px rgba(0,0,0,.24);color-scheme:dark}
html[data-theme="light"]{--bg:#eef4fa;--bg2:#f7fbff;--card:#fff;--card2:#f4f8fc;--line:rgba(10,35,60,.12);--text:#0b1a29;--muted:#60778e;--shadow:0 16px 40px rgba(22,55,86,.11);color-scheme:light}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(900px 460px at 20% -10%,rgba(70,166,255,.20),transparent 58%),linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);color:var(--text)}button,input,textarea,select{font:inherit}.hidden{display:none!important}a{color:inherit}.shell{width:100%;max-width:720px;margin:0 auto;min-height:100vh;padding:env(safe-area-inset-top) 16px calc(98px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0 12px;gap:12px}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,var(--blue),var(--cyan));display:grid;place-items:center;color:#04131e;font-weight:1000;font-size:21px;box-shadow:0 8px 28px rgba(70,166,255,.25)}.brand-copy .eyebrow,.eyebrow{font-size:10px;letter-spacing:.17em;color:#72b9f4;font-weight:950}.brand-copy h1,.topbar h1{font-size:19px;margin:2px 0 0;letter-spacing:-.02em}.top-actions{display:flex;gap:7px;align-items:center}.icon-btn,.ghost{border:1px solid var(--line);background:color-mix(in srgb,var(--card) 82%,transparent);color:var(--text);border-radius:13px;padding:10px 12px;font-weight:850;cursor:pointer}.icon-btn.small{padding:9px 10px}.notif-button{position:relative}.notif-count{position:absolute;right:-5px;top:-7px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--red);color:white;font-size:10px;display:grid;place-items:center;border:2px solid var(--bg);font-weight:950}
.splash{position:fixed;inset:0;z-index:999;background:radial-gradient(500px 300px at 50% 35%,rgba(74,171,255,.22),transparent 70%),#06101d;display:grid;place-items:center;transition:opacity .28s ease}.splash.out{opacity:0;pointer-events:none}.splash-inner{text-align:center}.splash-logo{width:90px;height:90px;border-radius:29px;margin:auto;background:linear-gradient(145deg,var(--blue),var(--cyan));display:grid;place-items:center;color:#04131e;font-weight:1000;font-size:42px;box-shadow:0 22px 70px rgba(74,171,255,.26)}.splash h2{margin:18px 0 5px;font-size:27px;letter-spacing:-.04em}.splash p{margin:0;color:#88a7c2;font-weight:800;font-size:12px;letter-spacing:.08em}.developer-line{font-size:11px;color:var(--muted);text-align:center;margin-top:20px}.developer-line b{color:var(--text)}
.auth-wrap{min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;padding:10px 0 35px}.auth-hero{text-align:center;margin-bottom:20px}.auth-logo{width:72px;height:72px;border-radius:24px;margin:0 auto 14px;background:linear-gradient(145deg,var(--blue),var(--cyan));display:grid;place-items:center;color:#04131e;font-size:33px;font-weight:1000;box-shadow:0 18px 54px rgba(70,166,255,.25)}.auth-hero h2{margin:0;font-size:30px;letter-spacing:-.04em}.auth-hero p{color:var(--muted);margin:7px 0 0;font-size:13px}.panel{background:linear-gradient(180deg,color-mix(in srgb,var(--card) 97%,transparent),color-mix(in srgb,var(--card2) 97%,transparent));border:1px solid var(--line);border-radius:24px;padding:17px;box-shadow:var(--shadow);margin-bottom:14px}.auth-panel{padding:7px 17px 19px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:color-mix(in srgb,var(--bg) 78%,var(--card));border-radius:16px;margin:10px 0 18px}.tab{border:0;background:transparent;color:var(--muted);border-radius:12px;padding:12px 8px;font-weight:900}.tab.active{background:var(--card);color:var(--text);box-shadow:0 3px 16px rgba(0,0,0,.15)}.stack{display:flex;flex-direction:column;gap:13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:flex;flex-direction:column;gap:7px;color:color-mix(in srgb,var(--text) 78%,var(--muted));font-size:12px;font-weight:800}input,textarea,select{width:100%;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 65%,var(--card));color:var(--text);border-radius:15px;padding:13px 14px;outline:none;min-height:47px}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent)}input:focus,textarea:focus,select:focus{border-color:rgba(70,166,255,.75);box-shadow:0 0 0 3px rgba(70,166,255,.10)}.primary{border:0;border-radius:16px;min-height:51px;padding:14px 17px;font-weight:950;background:linear-gradient(135deg,#53afff,#42e3d0);color:#041421;box-shadow:0 10px 30px rgba(66,180,230,.18);cursor:pointer}.primary:disabled{opacity:.55}.message{min-height:18px;color:var(--amber);font-size:12px;margin:10px 2px 0}.message.ok{color:var(--green)}.help-note{font-size:11px;color:var(--muted);text-align:center;margin:0}.maintenance{max-width:520px;margin:11vh auto 0;text-align:center;padding:28px}.maintenance .big{font-size:52px}.maintenance h2{font-size:27px;margin:10px 0 8px}.maintenance p{color:var(--muted);line-height:1.6}.link-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.banner{border-radius:18px;padding:13px 14px;margin:0 0 10px;border:1px solid var(--line);display:flex;gap:11px;align-items:flex-start}.banner .banner-icon{font-size:20px}.banner strong{display:block;font-size:13px}.banner p{margin:3px 0 0;color:var(--muted);font-size:11.5px;line-height:1.45}.banner.announcement{background:rgba(255,200,87,.08);border-color:rgba(255,200,87,.19)}.banner.update{background:rgba(74,171,255,.09);border-color:rgba(74,171,255,.22)}.banner-action{margin-left:auto;white-space:nowrap;font-size:10px;font-weight:900;color:#7bc3ff;text-decoration:none;padding:4px}
.welcome-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 1px 12px}.welcome-row .muted{font-size:12px;color:var(--muted)}.welcome-row h2{margin:2px 0 0;font-size:25px;letter-spacing:-.03em}.admin-link{color:#92d1ff;text-decoration:none;font-size:11px;font-weight:900;background:rgba(70,166,255,.10);border:1px solid rgba(70,166,255,.20);padding:9px 11px;border-radius:12px}.profile-card{display:flex;gap:13px;align-items:center}.avatar{width:54px;height:54px;flex:0 0 54px;border-radius:18px;background:linear-gradient(145deg,#24548a,#0e7b82);display:grid;place-items:center;font-size:20px;font-weight:950}.profile-main{min-width:0;flex:1}.profile-main h3{margin:0;font-size:17px}.profile-meta{font-size:11px;color:var(--muted);margin-top:3px}.role-chip{display:inline-flex;margin-left:5px;padding:3px 7px;border-radius:99px;background:rgba(74,171,255,.12);color:#80c8ff;font-size:9px;font-weight:900}.badge-row{display:flex;gap:6px;overflow-x:auto;padding:10px 0 1px;scrollbar-width:none}.badge-row::-webkit-scrollbar{display:none}.achievement{flex:0 0 auto;border:1px solid var(--line);background:var(--card2);border-radius:999px;padding:7px 10px;font-size:10px;font-weight:850}.no-badge{color:var(--muted);font-size:11px}.mini-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mini-kpi{background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:10px}.mini-kpi span{font-size:9px;color:var(--muted);display:block}.mini-kpi b{font-size:14px;display:block;margin-top:3px}
.shift-card{display:flex;align-items:center;gap:12px}.shift-status{width:12px;height:12px;border-radius:50%;background:#667a8d;box-shadow:0 0 0 5px rgba(100,120,140,.12)}.shift-status.on{background:var(--green);box-shadow:0 0 0 5px rgba(76,225,138,.12)}.shift-copy{flex:1}.shift-copy strong{font-size:14px}.shift-copy div{font-size:10.5px;color:var(--muted);margin-top:3px}.shift-btn{min-width:115px}.shift-btn.stop{background:linear-gradient(135deg,#ff8a73,#ff6475);color:white}
.hero-stat{position:relative;overflow:hidden;border-radius:26px;padding:20px;background:linear-gradient(135deg,#15395d 0%,#0d6c79 100%);border:1px solid rgba(110,222,255,.25);box-shadow:0 20px 48px rgba(0,0,0,.22);margin-bottom:11px;color:#f7fbff}.hero-stat:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-75px;background:rgba(255,255,255,.09)}.hero-label{font-size:12px;color:#c5e6f4;font-weight:800}.hero-value{display:flex;align-items:flex-end;gap:10px;margin-top:6px}.hero-value strong{font-size:54px;line-height:.95;letter-spacing:-.06em}.hero-value span{font-size:13px;color:#b7e0ec;padding-bottom:5px}.hero-foot{margin-top:13px;font-size:12px;color:#bfe7ef}.hero-foot b{color:white}.goal-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:11px;color:#d7f2f8}.progress{height:8px;background:rgba(0,0,0,.25);border-radius:99px;overflow:hidden;margin-top:7px}.progress>i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,#53afff,#4ee58b);transition:width .35s ease}.rank-chip{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.10);padding:6px 9px;border-radius:999px;font-weight:900}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:12px}.stat{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--line);border-radius:19px;padding:14px 12px}.stat span{display:block;color:var(--muted);font-size:10.5px;white-space:nowrap}.stat strong{display:block;font-size:24px;margin-top:5px;letter-spacing:-.04em}.stat.delivered strong{color:var(--green)}.add-main{width:100%;margin:2px 0 14px;min-height:59px;font-size:16px}.add-main:before{content:"＋";font-size:23px;margin-right:8px;line-height:0}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head h3{margin:0;font-size:17px;letter-spacing:-.02em}.section-sub,.section-note{font-size:11px;color:var(--muted);margin:4px 0 0}.leaderboard-mini{display:flex;flex-direction:column;gap:8px;margin-top:12px}.leader-row{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:9px}.leader-rank{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(74,171,255,.11);font-weight:950}.leader-name{font-size:12px;font-weight:900}.leader-sub{font-size:9.5px;color:var(--muted);margin-top:2px}.leader-count{font-size:14px;font-weight:950}.big-number{font-size:32px;font-weight:950;letter-spacing:-.04em;margin-top:7px}.kpi-label{font-size:10px;color:var(--muted)}.day-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.day-summary div{background:var(--card2);border:1px solid var(--line);border-radius:13px;padding:10px;text-align:center}.day-summary b{display:block;font-size:19px}.day-summary span{font-size:9px;color:var(--muted)}
.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:12px}.cal-day{aspect-ratio:1;border-radius:8px;background:color-mix(in srgb,var(--card2) 86%,var(--bg));border:1px solid var(--line);display:grid;place-items:center;font-size:8px;color:var(--muted);position:relative}.cal-day[data-level="1"]{background:rgba(74,171,255,.16)}.cal-day[data-level="2"]{background:rgba(64,227,208,.24);color:var(--text)}.cal-day[data-level="3"]{background:rgba(76,225,138,.38);color:var(--text)}.cal-day b{font-size:9px}.chart{display:flex;align-items:end;gap:8px;height:150px;margin-top:14px;padding-top:10px}.bar-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.bar{width:min(30px,70%);min-height:3px;background:linear-gradient(180deg,var(--cyan),var(--blue));border-radius:8px 8px 4px 4px}.bar-val{font-size:9px;font-weight:900}.bar-label{font-size:8px;color:var(--muted);white-space:nowrap}
.filters{display:grid;grid-template-columns:1fr 145px;gap:8px;margin:14px 0 12px}.filters input,.filters select{min-height:43px;padding:10px 11px;border-radius:13px;font-size:12px}.package-list{display:flex;flex-direction:column;gap:9px}.package-card{background:var(--card2);border:1px solid var(--line);border-radius:17px;padding:13px 14px;cursor:pointer}.package-card:active{transform:scale(.99)}.package-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.package-title{font-size:14px;font-weight:950}.package-meta{color:var(--muted);font-size:11px;margin-top:5px;line-height:1.45}.badge{font-size:9px;font-weight:950;border-radius:999px;padding:6px 8px;white-space:nowrap}.badge.waiting{background:rgba(255,203,87,.12);color:#e9aa15}.badge.on_route{background:rgba(70,166,255,.13);color:#55adf2}.badge.delivered{background:rgba(78,229,139,.12);color:#25b669}.badge.failed{background:rgba(255,107,120,.12);color:#e45462}.badge.voided{background:rgba(150,160,175,.13);color:var(--muted)}.empty{text-align:center;color:var(--muted);padding:26px 10px;font-size:12px}.code-check{font-size:11px;margin-top:-5px;color:#7fa4c2}.code-check.bad{color:var(--red)}.code-check.good{color:var(--green)}.quick-chips{display:flex;gap:7px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:none}.quick-chips::-webkit-scrollbar{display:none}.quick-chip{border:1px solid var(--line);background:var(--card2);color:var(--text);padding:8px 10px;border-radius:999px;font-size:10px;font-weight:850;white-space:nowrap}
.backdrop{position:fixed;inset:0;background:rgba(1,7,15,.72);backdrop-filter:blur(4px);z-index:89}.sheet{position:fixed!important;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,720px);max-height:92vh;overflow:auto;z-index:90;margin:0!important;border-radius:28px 28px 0 0!important;padding:20px 16px calc(24px + env(safe-area-inset-bottom))!important;background:var(--bg2)!important}.sheet-handle{width:46px;height:5px;border-radius:99px;background:#506177;margin:0 auto 18px}.camera-card{border:1px dashed rgba(70,166,255,.55);background:rgba(70,166,255,.08);padding:18px;border-radius:18px;cursor:pointer;text-align:center}.camera-card span{font-size:16px;color:var(--text)}.camera-card small{font-size:11px;color:var(--muted)}.camera-card input{margin-top:10px}.preview{max-height:270px;width:100%;object-fit:contain;border-radius:16px;border:1px solid var(--line);background:#02060b}.notification-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.notif-item{border:1px solid var(--line);background:var(--card2);border-radius:16px;padding:12px}.notif-item.unread{border-color:rgba(74,171,255,.35);background:rgba(74,171,255,.07)}.notif-item strong{font-size:12px}.notif-item p{font-size:10.5px;color:var(--muted);margin:4px 0 5px;line-height:1.45}.notif-time{font-size:9px;color:var(--muted)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--card2);border:1px solid var(--line);border-radius:14px;padding:11px}.setting-row div strong{font-size:12px}.setting-row div p{font-size:9.5px;color:var(--muted);margin:3px 0 0}.theme-btn{min-width:105px}
dialog{border:1px solid var(--line);border-radius:24px;background:var(--bg2);color:var(--text);width:min(94vw,620px);padding:0;box-shadow:0 30px 90px rgba(0,0,0,.55)}dialog::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(3px)}.dialog-inner{padding:18px}.receipt-full{width:100%;max-height:50vh;object-fit:contain;border-radius:15px;background:#02060b;margin:12px 0}.detail-grid{display:grid;grid-template-columns:110px 1fr;gap:9px 10px;font-size:12px}.detail-grid b{color:var(--muted)}.status-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.status-actions button{padding:11px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);font-weight:800}.event{padding:9px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.bottom-nav{position:fixed;z-index:70;left:50%;transform:translateX(-50%);bottom:0;width:min(100%,720px);padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 96%,transparent) 35%);backdrop-filter:blur(16px)}.bottom-nav-inner{display:grid;grid-template-columns:1fr 1fr 1fr;background:var(--card2);border:1px solid var(--line);border-radius:20px;padding:5px;box-shadow:0 -5px 30px rgba(0,0,0,.16)}.nav-btn{border:0;background:transparent;color:var(--muted);border-radius:15px;padding:9px 4px 8px;font-size:10px;font-weight:850}.nav-btn span{display:block;font-size:19px;margin-bottom:2px}.nav-btn.active{background:var(--card);color:var(--text)}
/* Admin */
.admin-shell{width:min(1500px,96vw);margin:0 auto;padding:20px 0 50px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-stats.six{grid-template-columns:repeat(7,1fr)}.table-wrap{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse;min-width:980px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 9px;font-size:11px;vertical-align:top}th{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.05em}.inline-form{display:grid;grid-template-columns:1fr 140px auto;gap:8px;margin-top:13px}.compact-list,.audit-list{max-height:330px;overflow:auto;margin-top:10px}.compact-item,.audit-row{padding:8px 3px;border-bottom:1px solid var(--line);font-size:10.5px}.small-muted{color:var(--muted);font-size:10px}.leader-admin{display:grid;grid-template-columns:40px 1fr auto;gap:8px;padding:10px;border-bottom:1px solid var(--line);align-items:center}.winner-week{margin-top:11px}.winner-week h4{margin:0 0 6px;font-size:11px;color:var(--muted)}.winner-row{display:flex;gap:9px;align-items:center;padding:9px;border:1px solid var(--line);border-radius:12px;margin-bottom:6px}.winner-row>div:nth-child(2){flex:1}.award-ok{color:var(--green);font-size:9px}.award-wait{color:var(--amber);font-size:9px}.target-mini{display:flex;gap:4px}.target-mini input{width:75px;min-height:36px;padding:6px}.tiny-actions{display:flex;gap:5px;flex-wrap:wrap}.tiny-actions button,.tiny-actions select{min-height:34px;padding:6px 8px;border-radius:9px;font-size:9px;border:1px solid var(--line);background:var(--card2);color:var(--text)}.danger{color:var(--red)!important}.report-grid{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:9px;align-items:end;margin-top:12px}.backup-box{margin-top:12px}.backup-ok{color:var(--green);font-weight:900}.backup-bad{color:var(--red);font-weight:900}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.settings-grid .wide{grid-column:1/-1}.switch-line{display:flex;gap:9px;align-items:center}.switch-line input[type=checkbox]{width:20px;height:20px;min-height:0}.note-cell{max-width:180px;white-space:normal}.on-shift{color:var(--green);font-weight:900}.off-shift{color:var(--muted)}
@media(max-width:900px){.admin-grid{grid-template-columns:1fr}.admin-stats.six{grid-template-columns:repeat(3,1fr)}.settings-grid{grid-template-columns:1fr}.settings-grid .wide{grid-column:auto}.report-grid{grid-template-columns:1fr 1fr}.inline-form{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:540px){.shell{padding-left:12px;padding-right:12px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:7px}.stat{padding:12px 9px}.stat span{font-size:9px}.stat strong{font-size:21px}.grid2{grid-template-columns:1fr}.filters{grid-template-columns:1fr 115px}.hero-value strong{font-size:48px}.admin-stats.six{grid-template-columns:repeat(2,1fr)}.day-summary{gap:5px}.shift-btn{min-width:104px;padding:10px}.top-actions .ghost{padding:9px}}

/* VOL.1.1 profil fotograafi */
.avatar-button{border:0;color:#fff;cursor:pointer;padding:0;font-family:inherit;appearance:none;-webkit-appearance:none}.avatar.has-photo{background-position:center;background-size:cover;background-repeat:no-repeat;color:transparent;text-shadow:none}.profile-photo-editor{display:flex;align-items:center;gap:14px;padding:14px;background:var(--card2);border:1px solid var(--line);border-radius:18px;margin-top:16px}.profile-editor-avatar{width:72px;height:72px;flex:0 0 72px;border-radius:22px;font-size:24px}.profile-editor-copy{min-width:0;flex:1}.profile-editor-copy>strong{font-size:14px}.profile-editor-copy>p{margin:4px 0 10px;color:var(--muted);font-size:10px;line-height:1.4}.profile-editor-actions{display:flex;gap:6px;flex-wrap:wrap}.profile-editor-actions .ghost{padding:8px 10px;font-size:10px}.hidden-file{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.user-cell{display:flex;align-items:center;gap:9px;min-width:170px}.admin-user-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:linear-gradient(145deg,#24548a,#0e7b82);display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900;background-position:center;background-size:cover}.admin-user-avatar.has-photo{color:transparent}.danger{color:#ff9d9d!important;border-color:rgba(255,92,92,.25)!important}

.brand-lock{padding:14px 16px;border:1px solid rgba(96,165,250,.25);border-radius:16px;background:rgba(96,165,250,.07)}.brand-lock strong{display:block;font-size:15px}.brand-lock p{margin:6px 0 3px}.brand-lock span{font-size:12px;opacity:.68}.developer-line{max-width:760px;margin-left:auto;margin-right:auto;line-height:1.45}