:root{--ink:#162033;--muted:#788294;--line:#e7ebf2;--blue:#596fe8;--page:#f6f8fb}*{box-sizing:border-box}html,body{background:var(--page);min-height:100%;color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{background:#fff;width:min(100%,760px);min-height:100vh;margin:0 auto;padding-bottom:92px;box-shadow:0 0 40px #1f2d4e14}.app-shell.device-tablet{width:min(100%,960px)}.app-shell.device-desktop{width:min(100%,1180px)}.device-tablet .content{padding-inline:28px}.device-desktop .content{padding-inline:36px}.device-tablet .feature-grid,.device-desktop .feature-grid,.device-desktop .admin-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.device-desktop .topbar{padding-inline:36px}.device-tablet .topbar{padding-inline:28px}.device-desktop .hero-card{min-height:140px;padding:28px}.device-desktop .hero-card strong{font-size:23px}.device-desktop .list-row{padding-inline:20px}@media (orientation:portrait) and (width<=820px){.app-shell.device-tablet .feature-grid{grid-template-columns:1fr 1fr}.app-shell.device-tablet .content,.app-shell.device-tablet .topbar{padding-inline:22px}}.topbar{justify-content:space-between;align-items:center;padding:24px 22px 12px;display:flex}.topbar h1{letter-spacing:-.8px;margin:2px 0 0;font-size:28px}.topbar .brand-title{color:#24325f;letter-spacing:-.7px;text-wrap:balance;max-width:520px;margin:4px 0 2px;font-family:Georgia,Times New Roman,serif;font-size:clamp(25px,5vw,34px);font-weight:700;line-height:1.08}.topbar .brand-title:after{content:"";background:linear-gradient(90deg,#596fe8,#e45d50);border-radius:99px;width:58px;height:4px;margin-top:9px;display:block}.eyebrow{color:var(--blue);letter-spacing:1.2px;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.station-emblem{background:#fff;border-radius:16px;flex:none;width:62px;height:74px;padding:3px;overflow:hidden;box-shadow:0 7px 18px #1f2d4e29}.station-emblem img{object-fit:contain;border-radius:13px;width:100%;height:100%;display:block}.content{padding:8px 20px 28px}.hero-card{text-align:left;color:#fff;background:linear-gradient(135deg,#6378ed,#5366da);border:0;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;min-height:120px;padding:22px;display:grid;box-shadow:0 14px 28px #5468dd40}.hero-card strong{margin-bottom:7px;font-size:20px;display:block}.hero-card small{color:#edf0ff;font-size:14px;display:block}.hero-icon{background:#ffffff2e;border-radius:18px;place-items:center;width:54px;height:54px;font-size:28px;display:grid}.hero-arrow{opacity:.8;font-size:32px}h2{letter-spacing:-.3px;margin:26px 0 13px;font-size:19px}.status-stack{gap:12px;display:grid}.status-card{border:1px solid var(--line);background:#fff;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.status-card-button{width:100%;color:inherit;text-align:left;transition:transform .18s,box-shadow .18s}.status-card-button:hover{transform:translateY(-2px)}.status-card-button:active{transform:scale(.99)}.status-card strong,.status-card small{display:block}.status-card small{color:var(--muted);margin-top:4px}.status-card b{font-size:20px}.status-icon,.row-icon{border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.status-card.blue .status-icon{color:#3587d4;background:#e8f4ff}.status-card.blue b{color:#3587d4}.status-card.green .status-icon{color:#36a567;background:#e8f8ef}.status-card.green b{color:#36a567}.status-card.coral .status-icon{color:#f06b5d;background:#fff0ed}.status-card.coral b{color:#f06b5d}.status-card.ordered-status{background:linear-gradient(145deg,#fbfffd,#eaf9f2);border-color:#c9ead8;padding:18px;position:relative;overflow:hidden;box-shadow:0 10px 24px #237d591f}.status-card.ordered-status:after{content:"";background:#237d5912;border-radius:50%;width:118px;height:118px;position:absolute;bottom:-46px;right:-32px}.status-card.ordered-status>*{z-index:1;position:relative}.status-card.ordered-status .status-icon{background:#fff;border-radius:16px;width:50px;height:50px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:24px;box-shadow:0 6px 14px #237d5926}.status-card.ordered-status strong{color:#205f48;font-size:16px}.status-card.ordered-status small{color:#547466;font-size:12px;line-height:1.35}.status-card.ordered-status b{background:#fff;border-radius:13px;place-items:center;min-width:42px;height:42px;font-size:22px;display:grid;box-shadow:0 5px 13px #237d591f}.status-card.critical-status{background:linear-gradient(145deg,#fffdfc,#fff0ed);border-color:#f3d0ca;padding:18px;position:relative;overflow:hidden;box-shadow:0 10px 24px #d050421f}.status-card.critical-status:after{content:"";background:#d0504212;border-radius:50%;width:118px;height:118px;position:absolute;bottom:-46px;right:-32px}.status-card.critical-status>*{z-index:1;position:relative}.status-card.critical-status .status-icon{background:#fff;border-radius:16px;width:50px;height:50px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:24px;box-shadow:0 6px 14px #d0504226}.status-card.critical-status strong{color:#a83f35;font-size:16px}.status-card.critical-status small{color:#80615d;font-size:12px;line-height:1.35}.status-card.critical-status b{color:#d05042;background:#fff;border-radius:13px;place-items:center;min-width:42px;height:42px;font-size:22px;display:grid;box-shadow:0 5px 13px #d050421f}.feature-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.areas-title{color:#263460;letter-spacing:-.35px;align-items:center;gap:9px;margin:24px 0 16px;font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:750;display:flex}.areas-title span{color:#596fe8;background:linear-gradient(135deg,#edf0ff,#ffe9e5);border-radius:10px;place-items:center;width:31px;height:31px;font-family:Arial,sans-serif;font-size:15px;display:grid;box-shadow:0 5px 13px #596fe821}.areas-title:after{content:"";background:linear-gradient(90deg,#596fe852,#e45d5024,#0000);border-radius:99px;flex:1;height:2px;margin-left:3px}.feature-card{--card-accent:#5367d9;--card-icon:#edf0ff;--card-top:#fff;--card-bottom:#f8f9fd;border:1px solid color-mix(in srgb,var(--card-accent) 24%,white);background:linear-gradient(145deg,var(--card-top),var(--card-bottom));text-align:left;min-height:146px;box-shadow:0 9px 24px color-mix(in srgb,var(--card-accent) 13%,transparent);border-radius:20px;padding:18px;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.feature-card:after{content:"";background:color-mix(in srgb,var(--card-accent) 9%,transparent);border-radius:50%;width:104px;height:104px;position:absolute;bottom:-34px;right:-28px}.feature-card:hover{border-color:color-mix(in srgb,var(--card-accent) 42%,white);box-shadow:0 14px 30px color-mix(in srgb,var(--card-accent) 20%,transparent);transform:translateY(-3px)}.feature-card:active{transform:translateY(-1px)scale(.99)}.feature-card span{z-index:1;background:var(--card-icon);width:49px;height:49px;color:var(--card-accent);box-shadow:inset 0 0 0 1px #ffffff8c,0 6px 14px color-mix(in srgb,var(--card-accent) 18%,transparent);border-radius:16px;place-items:center;margin-bottom:16px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:25px;line-height:1;display:grid;position:relative}.feature-card strong,.feature-card small{z-index:1;display:block;position:relative}.feature-card strong{color:#1d2541;margin-bottom:6px;font-size:16px}.feature-card small{color:#5f6780;line-height:1.35}.feature-card--order{--card-accent:#237d59;--card-icon:#d8f5e8;--card-top:#f8fffb;--card-bottom:#eaf9f2}.feature-card--summary{--card-accent:#2569bd;--card-icon:#dcecff;--card-top:#f8fbff;--card-bottom:#eaf4ff}.feature-card--admin{--card-accent:#8b4cc3;--card-icon:#eee0fb;--card-top:#fdfaff;--card-bottom:#f4eaff}.feature-card--articles{--card-accent:#cc7118;--card-icon:#ffead3;--card-top:#fffdf8;--card-bottom:#fff1df}.feature-card--critical{--card-accent:#c94c40;--card-icon:#ffe3df;--card-top:#fffaf9;--card-bottom:#fff0ed}.feature-card--medicine{--card-accent:#15908d;--card-icon:#d8f5f3;--card-top:#f8fffe;--card-bottom:#e7f8f7}.feature-card__counts{z-index:2;gap:5px;display:grid;position:absolute;top:14px;right:14px}.feature-card__counts b{color:#fff;border-radius:999px;place-items:center;min-width:36px;height:31px;padding:0 9px;font-size:.92rem;line-height:1;display:grid}.feature-card__counts .red-count{background:#c94c40;box-shadow:0 5px 12px #c94c403d}.feature-card__counts .orange-count{background:#e58a24;box-shadow:0 5px 12px #e58a243d}.view-banner{--view-accent:#596fe8;--view-soft:#edf0ff;border:1px solid color-mix(in srgb,var(--view-accent) 24%,white);background:linear-gradient(145deg,#fff,var(--view-soft));box-shadow:0 10px 24px color-mix(in srgb,var(--view-accent) 13%,transparent);border-radius:22px;align-items:center;gap:16px;margin-bottom:16px;padding:20px;display:flex;position:relative;overflow:hidden}.view-banner:after{content:"";background:color-mix(in srgb,var(--view-accent) 9%,transparent);border-radius:50%;width:130px;height:130px;position:absolute;bottom:-48px;right:-34px}.view-banner>span{z-index:1;width:56px;height:56px;box-shadow:0 7px 16px color-mix(in srgb,var(--view-accent) 17%,transparent);background:#fff;border-radius:18px;flex:none;place-items:center;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:28px;display:grid;position:relative}.view-banner>div{z-index:1;position:relative}.view-banner h2{color:var(--view-accent);margin:0 0 5px;font-family:Georgia,Times New Roman,serif;font-size:25px}.view-banner p{color:#5f6780;margin:0;font-size:13px;line-height:1.4}.view-banner--order{--view-accent:#237d59;--view-soft:#eaf9f2}.view-banner--summary{--view-accent:#2569bd;--view-soft:#eaf4ff}.view-banner--admin{--view-accent:#8b4cc3;--view-soft:#f4eaff}.view-banner--critical{--view-accent:#c94c40;--view-soft:#fff0ed}.view-banner--medicine{--view-accent:#15908d;--view-soft:#e7f8f7}.medication-order-panel{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:14px;margin-bottom:16px;display:grid}.medication-search{margin:0}.medication-order-meta{color:#496467;background:#f2fbfa;border:1px solid #bce4e1;border-radius:18px;align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex}.medication-order-meta strong{color:#fff;background:#15908d;border-radius:50%;place-items:center;min-width:34px;height:34px;display:grid}.medication-order-meta button{color:#117370;background:#fff;border:0;border-radius:12px;padding:10px 13px;font-weight:700;box-shadow:0 4px 12px #15908d1f}.medication-row .row-icon{color:#117370;background:#d8f5f3}@media (width<=700px){.medication-order-panel{grid-template-columns:1fr}.medication-order-meta{justify-content:space-between}}.instruction-card,.summary-banner{color:#384ba9;background:#eef1ff;border-radius:20px;padding:20px}.instruction-card strong,.instruction-card span{display:block}.instruction-card span{color:#65719d;margin-top:6px}.scan-form{grid-template-columns:1fr;gap:10px;margin:18px 0 10px;display:grid}.scan-form input,.search-box input{background:#fff;border:1.5px solid #dce2ec;border-radius:15px;outline:none;min-width:0;padding:15px 16px}.scan-form input:focus,.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #596fe81a}.scan-form button,.section-heading button{color:#fff;background:var(--blue);border:0;border-radius:15px;padding:0 18px;font-weight:750}.message{color:#26794b;background:#e8f8ef;border-radius:12px;padding:11px 14px;font-weight:650}.message.error{color:#b6453b;background:#fff0ed}.section-heading{justify-content:space-between;align-items:center;display:flex}.section-heading button{padding:9px 12px;font-size:12px}.section-heading button:disabled{opacity:.4;cursor:not-allowed}.list{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 16px;display:flex}.list-row:last-child{border-bottom:0}.list-row>div:not(.row-icon){flex:1;min-width:0}.list-row strong,.list-row small{display:block}.list-row strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.list-row small{color:var(--muted);margin-top:4px}.row-icon{color:var(--blue);background:#edf0ff;flex:none}.qty{color:var(--blue);font-weight:850}.quantity-controls{background:#f2f4fa;border-radius:15px;grid-template-columns:38px 34px 38px;align-items:center;gap:4px;padding:4px;display:grid;flex:none!important}.quantity-controls button{width:38px;height:38px;color:var(--blue);background:#fff;border:0;border-radius:11px;font-size:23px;font-weight:800;box-shadow:0 2px 7px #1f2d4e17}.quantity-controls button:active{background:#e8ecff;transform:scale(.94)}.quantity-controls output{text-align:center;color:var(--ink);font-size:16px;font-weight:850}.stock{color:#26794b;background:#e8f8ef;border-radius:12px;place-items:center;min-width:38px;height:38px;padding:0 10px;font-weight:850;display:grid}.stock.negative{color:#c2463b;background:#fff0ed}.summary-banner{color:#2569bd;background:linear-gradient(145deg,#f8fbff,#eaf4ff);border:1px solid #cfe4fb;grid-template-columns:1fr auto;align-items:center;margin-bottom:18px;display:grid;box-shadow:0 8px 20px #2569bd1a}.summary-banner strong{font-size:30px}.summary-banner small{color:#65719d;margin-top:4px}.admin-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.admin-grid .admin-stat{--stat-accent:#8b4cc3;--stat-soft:#f4eaff;border:1px solid color-mix(in srgb,var(--stat-accent) 22%,white);background:linear-gradient(145deg,#fff,var(--stat-soft));box-shadow:0 8px 20px color-mix(in srgb,var(--stat-accent) 12%,transparent);border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;padding:14px 12px;display:grid;position:relative;overflow:hidden}.admin-grid .admin-stat:after{content:"";background:color-mix(in srgb,var(--stat-accent) 8%,transparent);border-radius:50%;width:78px;height:78px;position:absolute;bottom:-34px;right:-24px}.admin-stat>span{z-index:1;width:34px;height:34px;box-shadow:0 4px 10px color-mix(in srgb,var(--stat-accent) 15%,transparent);background:#fff;border-radius:11px;grid-row:1/3;place-items:center;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:17px;display:grid;position:relative}.admin-grid .admin-stat small,.admin-grid .admin-stat strong{z-index:1;display:block;position:relative}.admin-grid .admin-stat small{color:#687083;align-self:end;font-size:11px;font-weight:800}.admin-grid .admin-stat strong{color:var(--stat-accent);align-self:start;font-size:23px;line-height:1}.admin-stat.articles{--stat-accent:#cc7118;--stat-soft:#fff1df}.admin-stat.ordered{--stat-accent:#237d59;--stat-soft:#eaf9f2}.admin-stat.critical{--stat-accent:#c94c40;--stat-soft:#fff0ed}@media (width<=520px){.admin-grid .admin-stat{text-align:center;grid-template-columns:1fr;justify-items:center;gap:5px;padding:12px 6px}.admin-stat>span{grid-row:auto}.admin-grid .admin-stat small,.admin-grid .admin-stat strong{align-self:auto}}.app-shell input,.app-shell textarea,.app-shell select,.login-page input,.login-page textarea,.login-page select{-webkit-text-fill-color:#fff;caret-color:#fff;color:#fff!important}.app-shell input::placeholder,.app-shell textarea::placeholder,.login-page input::placeholder,.login-page textarea::placeholder{-webkit-text-fill-color:#def1f89e;opacity:1;color:#def1f89e!important}.app-shell select option,.login-page select option{color:#fff;background:#0b2942}:-webkit-any(.app-shell input:-webkit-autofill,.login-page input:-webkit-autofill){caret-color:#fff;transition:background-color 9999s ease-out;-webkit-text-fill-color:#fff!important}:is(.app-shell input:autofill,.login-page input:autofill){caret-color:#fff;transition:background-color 9999s ease-out;-webkit-text-fill-color:#fff!important}.article-admin-toolbar .set-all-stock-button{color:#fff8df;background:linear-gradient(145deg,#cf7d1ff0,#8b3e1ff5);border-color:#ffbb4357}.article-admin-toolbar .set-all-stock-button>span{color:#ffe09a;background:#ffdc802e;border-radius:10px;place-items:center;min-width:29px;height:29px;font-size:11px;font-weight:900;display:grid}.set-all-stock-modal{text-align:center;width:min(560px,100%)}.set-all-stock-icon{color:#ffe19a;background:linear-gradient(145deg,#df8e2652,#8e3d244d);border:1px solid #ffbe4366;border-radius:24px;place-items:center;width:72px;height:72px;margin:0 auto 14px;font-size:22px;font-weight:950;display:grid;box-shadow:0 0 20px #ff9a2a21}.set-all-stock-modal p{color:#d0e7ed;line-height:1.55}.set-all-stock-modal>small{color:#8fb6c2;line-height:1.5;display:block}.scroll-to-top-button{z-index:80;right:max(20px,50vw - 620px);bottom:calc(88px + env(safe-area-inset-bottom));color:#effdff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#196485f7,#0a3051fa);border:1px solid #59d6e659;border-radius:18px;align-items:center;gap:8px;min-height:48px;padding:8px 15px 8px 9px;animation:.2s ease-out scroll-top-arrive;display:flex;position:fixed;box-shadow:0 13px 27px #000d205c,0 0 16px #3dcfe31a,inset 0 1px #ffffff21}.scroll-top-sentinel{pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0}.scroll-to-top-button>span{color:#fff;background:linear-gradient(145deg,#57e1e742,#4a77e13d);border-radius:12px;place-items:center;width:32px;height:32px;font-size:22px;font-weight:900;display:grid}.scroll-to-top-button small{color:#eafaff;font-size:12px;font-weight:850}.scroll-to-top-button:hover{filter:brightness(1.1);transform:translateY(-4px)}.scroll-to-top-button:active{transform:translateY(-1px)scale(.96)}@keyframes scroll-top-arrive{0%{opacity:0;transform:translateY(12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=560px){.scroll-to-top-button{right:14px;bottom:calc(82px + env(safe-area-inset-bottom));border-radius:17px;width:48px;min-height:48px;padding:7px}.scroll-to-top-button>span{width:32px;height:32px}.scroll-to-top-button small{display:none}}.archive-sections{gap:22px;display:grid}.archive-section{gap:11px;display:grid}.archive-section>header{background:linear-gradient(145deg,#113e5cdb,#07223bd6);border:1px solid #5fcbe333;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 15px;display:grid;box-shadow:0 10px 23px #000b1b38,inset 0 1px #ffffff12}.archive-section>header>span{background:#48c9e021;border-radius:14px;place-items:center;width:43px;height:43px;font-size:21px;display:grid}.archive-section>header h2{margin:0 0 3px;font-size:17px}.archive-section>header small{color:#8fb4c3;font-size:11px}.archive-section>header>b{color:#dffbff;background:linear-gradient(145deg,#2ca7bf57,#205b8e52);border-radius:13px;place-items:center;min-width:38px;height:38px;padding:0 9px;display:grid}.archive-employee-list{gap:10px;display:grid}.archive-employee-card{background:linear-gradient(145deg,#0f3856db,#071f37e6);border:1px solid #5fc6de2b;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 15px;display:grid;box-shadow:0 9px 21px #000a1933,inset 0 1px #ffffff0f}.archive-employee-card>div{gap:3px;min-width:0;display:grid}.archive-employee-card strong{color:#f1fbff}.archive-employee-card small{color:#91b4c2}.archive-employee-card>div>span{color:#7197a8;font-size:11px}.archive-employee-card>button{color:#e6fff4;background:linear-gradient(145deg,#1f825df0,#104b40f7);border:1px solid #4dda9e4d;border-radius:13px;padding:10px 13px;font-weight:800;box-shadow:0 7px 15px #001f1f38,inset 0 1px #ffffff1a}.archive-employee-card>button:hover{filter:brightness(1.08);transform:translateY(-3px)}.archive-employee-card>button:active{transform:translateY(-1px)scale(.97)}@media (width<=560px){.archive-employee-card{grid-template-columns:auto 1fr}.archive-employee-card>button{grid-column:1/-1;width:100%}.archive-section>header{padding:12px}}@media (prefers-reduced-motion:reduce){.scroll-to-top-button{animation:none}}.app-shell{padding-bottom:calc(118px + env(safe-area-inset-bottom))}.app-shell .bottom-nav,.app-view-home .bottom-nav,.floating-bottom-nav{z-index:100;left:50%;right:auto;bottom:max(10px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);background:linear-gradient(145deg,#0b2b46f0,#05192fed);border:1px solid #5fd3eb47;border-radius:23px;width:min(100% - 20px,740px);padding:7px 9px;transform:translate(-50%);box-shadow:0 17px 38px #00081675,0 0 20px #2dc3e114,inset 0 1px #ffffff1c;position:fixed!important}.floating-bottom-nav button{color:#819fb3}.floating-bottom-nav button>span{background:#ffffff0f}.floating-bottom-nav button.active{color:#56d8eb;background:#1d90bd2e;border-color:#50d5ec3d;box-shadow:inset 0 1px #ffffff14}.floating-bottom-nav button.active>span{box-shadow:none;background:#48cfe824}.app-shell.device-tablet .bottom-nav{width:min(100% - 24px,936px)}.app-shell.device-desktop .bottom-nav{width:min(100% - 28px,1152px)}.floating-bottom-nav.device-tablet{width:min(100% - 24px,936px)}.floating-bottom-nav.device-desktop{width:min(100% - 28px,1152px)}.floating-bottom-nav .nav-order{position:relative}.scroll-to-top-button{z-index:110}@media (width<=560px){.app-shell .bottom-nav,.app-view-home .bottom-nav,.floating-bottom-nav{bottom:max(7px,env(safe-area-inset-bottom));border-radius:21px;width:calc(100% - 14px);padding:6px 7px}}.admin-menu-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.view-order .instruction-card{color:#237d59;background:#f3fcf8;border:1px solid #cdebdc}.view-order .instruction-card span{color:#5f746b}.view-order .scan-form{width:min(100%,285px)}.view-order .scan-form input{width:100%;min-height:50px}.view-order .scan-form button{background:#237d59}.view-order .scan-form input:focus{border-color:#237d59;box-shadow:0 0 0 4px #237d591a}.barcode-camera-button{color:#fff;text-align:left;background:linear-gradient(135deg,#176b4c,#2a9b70);border:0;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:min(100%,285px);min-height:50px;margin:0 0 13px;padding:7px 11px;display:grid;box-shadow:0 8px 18px #1c775433}.barcode-camera-button>span:first-child{background:#ffffff29;border-radius:11px;place-items:center;width:36px;height:36px;font-size:19px;display:grid}.barcode-camera-button strong,.barcode-camera-button small{display:block}.barcode-camera-button strong{font-size:13px}.barcode-camera-button small{color:#dff7ed;margin-top:2px;font-size:10px}.barcode-camera-button b{font-size:22px;font-weight:400}.barcode-camera-modal{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06120eeb;padding:0}.barcode-camera-card{color:#fff;background:#101a17;border-radius:0 0 23px 23px;width:min(100%,480px);max-height:100dvh;overflow:auto;box-shadow:0 25px 70px #00000073}.barcode-camera-card header{z-index:5;min-height:64px;padding:calc(env(safe-area-inset-top,0px) + 10px) 15px 10px;background:#101a17;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.barcode-camera-card header>div{align-items:center;gap:10px;display:flex}.barcode-camera-card header>div>span{font-size:24px}.barcode-camera-card header strong,.barcode-camera-card header small{display:block}.barcode-camera-card header small{color:#a7bdb5}.barcode-camera-card header>button{top:calc(env(safe-area-inset-top,0px) + 10px);z-index:130;color:#17372c;background:#fff;border:2px solid #fff3;border-radius:14px;width:44px;height:44px;font-size:28px;position:fixed;right:15px;box-shadow:0 5px 16px #00000047}.barcode-video-stage{background:#000;min-height:310px;position:relative;overflow:hidden}.barcode-video-stage video{object-fit:cover;width:100%;height:100%;min-height:310px;display:block}.barcode-scan-frame{border:1px solid #ffffff40;border-radius:16px;width:90%;height:158px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #00000047}.barcode-scan-frame:after{content:"";background:#55e9ad;height:2px;animation:1.8s ease-in-out infinite barcode-line;position:absolute;top:50%;left:8px;right:8px;box-shadow:0 0 11px #55e9ad}.barcode-scan-frame i{border-style:solid;border-color:#55e9ad;width:27px;height:27px;position:absolute}.barcode-scan-frame i:first-child{border-width:3px 0 0 3px;border-radius:12px 0 0;top:-2px;left:-2px}.barcode-scan-frame i:nth-child(2){border-width:3px 3px 0 0;border-radius:0 12px 0 0;top:-2px;right:-2px}.barcode-scan-frame i:nth-child(3){border-width:0 3px 3px 0;border-radius:0 0 12px;bottom:-2px;right:-2px}.barcode-scan-frame i:nth-child(4){border-width:0 0 3px 3px;border-radius:0 0 0 12px;bottom:-2px;left:-2px}.barcode-camera-card>p{color:#c9dad4;text-align:center;min-height:20px;margin:0;padding:13px 16px 6px}.barcode-camera-card>button{color:#17372c;background:#fff;border:0;border-radius:13px;width:calc(100% - 28px);min-height:45px;margin:8px 14px 15px;font-weight:800;display:block}@keyframes barcode-line{0%,to{transform:translateY(-45px)}50%{transform:translateY(45px)}}.order-search-results{background:#f7fcfa;border:1px solid #cdebdc;border-radius:17px;gap:7px;margin:0 0 12px;padding:8px;display:grid;box-shadow:0 10px 24px #237d5914}.order-search-results button{color:#25334a;text-align:left;background:#fff;border:0;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;width:100%;padding:10px 11px;display:grid;box-shadow:0 3px 10px #1f2d4e0d}.order-search-results button>span:first-child{background:#e7f8ee;border-radius:11px;place-items:center;width:36px;height:36px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:18px;display:grid}.order-search-results button>span:nth-child(2){min-width:0}.order-search-results strong,.order-search-results small{display:block}.order-search-results strong{color:#244d3c;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.order-search-results small{color:#718078;margin-top:3px;font-size:11px}.order-search-results b{color:#fff;background:#237d59;border-radius:10px;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.view-order .row-icon{color:#237d59;background:#d8f5e8}.view-order .order-article-icon{background:#e7f8ee;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:21px;box-shadow:inset 0 0 0 1px #c9ead8,0 5px 12px #237d591a}.view-summary .list,.view-order .list{box-shadow:0 9px 24px #1f2d4e12}.view-admin>h2{color:#70409d}.log-list{background:#fff;border:1px solid #e4d4f3;border-radius:20px;overflow:hidden;box-shadow:0 9px 24px #8b4cc314}.log-entry{border-bottom:1px solid #eee7f5;grid-template-columns:112px 1fr;gap:14px;padding:15px 16px;display:grid}.log-entry:last-child{border-bottom:0}.log-entry time{color:#8b4cc3;font-size:12px;font-weight:800;line-height:1.4}.log-entry strong,.log-entry small{display:block}.log-entry p{color:#4f586b;margin:4px 0 5px;font-size:13px;line-height:1.4}.log-entry small{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.statistics-summary{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;display:grid}.statistics-summary>div{background:linear-gradient(135deg,#faf5ff,#fff);border:1px solid #e4d4f3;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:15px;display:grid}.statistics-summary span{font-size:24px}.statistics-summary small{color:#73568f;font-size:11px;font-weight:750}.statistics-summary strong{color:#70409d;font-size:23px}.statistics-note{color:var(--muted);margin:12px 2px;font-size:12px}.statistics-list{gap:10px;display:grid}.statistics-row{background:#fff;border:1px solid #e2e6ee;border-radius:18px;grid-template-columns:42px 1fr;gap:12px;padding:14px;display:grid;box-shadow:0 7px 20px #1f2d4e0f}.statistics-rank{color:#4559c8;background:#edf0ff;border-radius:13px;place-items:center;width:42px;height:42px;font-size:17px;font-weight:900;display:grid}.statistics-row.rank-1 .statistics-rank{color:#956800;background:#fff0bd}.statistics-row.rank-2 .statistics-rank{color:#596273;background:#edf0f4}.statistics-row.rank-3 .statistics-rank{color:#9b5a2c;background:#f8e7d9}.statistics-detail{min-width:0}.statistics-detail>div{justify-content:space-between;gap:12px;display:flex}.statistics-detail strong{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.statistics-detail b{color:#70409d;flex:none}.statistics-detail small{color:var(--muted);margin:4px 0 9px;font-size:10px;display:block}.statistics-bar{background:#eef0f4;border-radius:999px;height:7px;display:block;overflow:hidden}.statistics-bar i{background:linear-gradient(90deg,#8b4cc3,#596fe8);border-radius:999px;min-width:3px;height:100%;display:block}.imprint-card{background:linear-gradient(145deg,#fff,#fbf7ff);border:1px solid #e4d4f3;border-radius:22px;padding:22px;position:relative;overflow:hidden;box-shadow:0 10px 28px #5b367b17}.imprint-card:before{content:"";background:linear-gradient(90deg,#8b4cc3,#596fe8,#237d59);height:5px;position:absolute;inset:0 0 auto}.imprint-emblem{background:#fff;border-radius:18px;place-items:center;width:66px;height:66px;margin-bottom:18px;display:grid;box-shadow:0 7px 18px #1f2d4e1a}.imprint-emblem img{object-fit:contain;max-width:48px;max-height:55px}.imprint-card section{border-top:1px solid #ebe5f1;padding:16px 0}.imprint-card section:first-of-type{border-top:0;padding-top:0}.imprint-card section>span{color:#8b4cc3;letter-spacing:.6px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:850;display:block}.imprint-card h2,.imprint-card h3{color:#342b45;margin:0 0 7px}.imprint-card h2{font-size:20px}.imprint-card h3{font-size:16px}.imprint-card p{color:#616979;margin:0;font-size:13px;line-height:1.6}.imprint-card a{color:#596fe8;overflow-wrap:anywhere;font-weight:800}.urgency-legend{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.urgency-legend span{border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.urgency-legend .red{color:#aa3d33;background:#ffe5e1}.urgency-legend .orange{color:#a96112;background:#fff0d9}.critical-list{border:1px solid var(--line);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 9px 24px #1f2d4e12}.critical-row{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 16px;display:grid}.critical-row:last-child{border-bottom:0}.critical-row.red{background:linear-gradient(90deg,#fff8f7,#fff)}.critical-row.orange{background:linear-gradient(90deg,#fffbf4,#fff)}.critical-indicator{font-size:17px}.critical-row strong,.critical-row small{display:block}.critical-row>div{min-width:0}.critical-row>div strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.critical-row>div small{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.35}.remaining{text-align:center;border-radius:12px;min-width:58px;padding:7px 9px}.remaining small{text-transform:uppercase;letter-spacing:.4px;margin-bottom:2px;font-size:9px}.remaining b{font-size:19px}.critical-row.red .remaining{color:#aa3d33;background:#ffe5e1}.critical-row.orange .remaining{color:#a96112;background:#fff0d9}.order-history-list{gap:14px;display:grid}.order-history-card{background:#fff;border:1px solid #cdebdc;border-radius:20px;overflow:hidden;box-shadow:0 9px 24px #237d5914}.order-history-card header{background:linear-gradient(135deg,#effbf5,#fff);grid-template-columns:auto 1fr 108px;align-items:center;gap:12px;padding:15px 16px;display:grid}.history-icon{background:#eaf9f2;border-radius:13px;place-items:center;width:40px;height:40px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:20px;display:grid}.order-history-card header>div{min-width:0}.order-history-card strong,.order-history-card small{display:block}.order-history-card header strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.order-history-card header small{color:#547466;overflow-wrap:anywhere;margin-top:4px;font-size:11px}.order-history-card time{color:#237d59;text-align:right;font-size:11px;font-weight:800;line-height:1.35}.history-items{padding:5px 16px}.history-items>div{border-bottom:1px solid #e7f2ec;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.history-items>div:last-child{border-bottom:0}.history-items span{min-width:0;font-weight:750}.history-items small{color:var(--muted);margin-top:3px;font-size:10px}.history-items b{color:#237d59;flex:none}.order-history-card footer{color:#547466;background:#f7fbf9;padding:11px 16px;font-size:11px;font-weight:800}.delivery-heading{justify-items:end;gap:6px;display:grid}.delivery-status{white-space:nowrap;border-radius:999px;align-items:center;min-height:25px;padding:4px 9px;font-size:9px;font-weight:900;display:inline-flex}.delivery-status.open{color:#c4372d;background:#ffebe8;box-shadow:inset 0 0 0 1px #ffb7ae}.delivery-status.partial{color:#b45c00;background:#fff2d7;box-shadow:inset 0 0 0 1px #ffc76c}.delivery-status.delivered{color:#137647;background:#dff8e9;box-shadow:inset 0 0 0 1px #8dd9ad}.delivery-status-filter{flex-wrap:wrap;gap:7px;margin:0 0 12px;display:flex}.delivery-status-filter button{color:#cbd8e8;background:#1b304ccc;border:1px solid #7395b959;border-radius:999px;min-height:36px;padding:0 14px;font-weight:850;transition:transform .18s,background .18s,box-shadow .18s}.delivery-status-filter button:hover,.delivery-status-filter button:active{transform:translateY(-2px)scale(1.02)}.delivery-status-filter button.active{color:#fff;background:linear-gradient(135deg,#247dc8,#24a8d8);border-color:#69bfff;box-shadow:0 7px 18px #1c87cd47}.history-items>.delivery-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.delivery-item.received{background:#26925b1a;border:1px solid #43c47d59;border-radius:13px;margin:5px -7px;padding:10px 7px}.delivery-product{min-width:0}.delivery-item>b{color:#ffb34d;white-space:nowrap;font-size:11px}.delivery-item.received>b{color:#45d58c}.received-meta{font-weight:800;color:#37b978!important}.delivery-check{cursor:pointer;place-items:center;width:30px;height:30px;display:grid;position:relative}.delivery-check input{opacity:0;width:1px;height:1px;position:absolute}.delivery-check span{color:#0000;background:#132842db;border:1px solid #6f9bc9b3;border-radius:9px;place-items:center;width:27px;height:27px;transition:all .18s;display:grid}.delivery-check input:checked+span{color:#fff;background:linear-gradient(135deg,#169866,#42d28b);border-color:#44d28b;transform:scale(1.06);box-shadow:0 5px 14px #29c57f47}.delivery-quantity{color:#9db1c9;text-align:right;grid-template-columns:auto 70px;align-items:center;gap:2px 8px;font-size:9px;font-weight:850;display:grid}.delivery-quantity input{color:#14243b;text-align:center;background:#fff;border:1px solid #5496ce;border-radius:11px;grid-area:1/2/3;width:70px;height:39px;font-size:16px;font-weight:900}.delivery-quantity small{color:#ffb34d!important}.order-history-card footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.delivery-book-button{color:#fff;background:linear-gradient(135deg,#18895e,#36c883);border:0;border-radius:12px;min-height:38px;padding:0 13px;font-size:10px;font-weight:900;transition:transform .18s,filter .18s;box-shadow:0 7px 18px #20b47440}.delivery-book-button:hover,.delivery-book-button:active{filter:brightness(1.08);transform:translateY(-2px)scale(1.02)}.delivery-confirm-modal ul{gap:7px;max-height:220px;margin:15px 0;padding:0;list-style:none;display:grid;overflow:auto}.delivery-confirm-modal li{background:#182f4bbf;border:1px solid #5399d34d;border-radius:12px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.delivery-confirm-modal li span{text-align:left}.delivery-confirm-modal li b{color:#52dfa0}@media (width<=620px){.order-history-card header{grid-template-columns:auto minmax(0,1fr)}.delivery-heading{grid-column:1/-1;grid-template-columns:1fr auto;place-items:center start;width:100%}.delivery-heading time{justify-self:end}.history-items>.delivery-item{grid-template-columns:auto minmax(0,1fr)}.delivery-item>b,.delivery-quantity{text-align:left;grid-column:2;justify-self:start}.order-history-card footer{flex-direction:column;align-items:stretch}.delivery-book-button{width:100%}}.submit-order-button{color:#fff;background:linear-gradient(135deg,#237d59,#2f9a70);border:1px solid #ffffff40;border-radius:15px;justify-content:center;align-items:center;gap:10px;width:auto;min-width:230px;min-height:50px;margin:18px auto 0;padding:0 18px;font-size:14px;font-weight:850;transition:transform .18s,box-shadow .18s;display:flex;box-shadow:0 9px 20px #237d5938}.submit-order-button>span:first-child{background:#ffffff29;border-radius:10px;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.submit-order-button b{font-size:18px;transition:transform .18s}.submit-order-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 25px #237d5947}.submit-order-button:not(:disabled):hover b{transform:translate(3px)}.submit-order-button:not(:disabled):active{transform:translateY(0)scale(.98)}.submit-order-button:disabled{box-shadow:none;cursor:not-allowed;background:#c8d2cd}.order-confirm-modal{text-align:center;padding:26px}.order-confirm-icon{background:#eaf9f2;border-radius:20px;place-items:center;width:62px;height:62px;margin:0 auto 14px;font-size:29px;display:grid}.order-confirm-modal h2{color:#196b4a;margin:0 0 10px}.order-confirm-modal p{color:#3d4556;margin:0;line-height:1.5}.order-confirm-modal>small{color:var(--muted);margin-top:10px;display:block}.order-confirm-modal .modal-actions{justify-content:center;margin-top:22px}.confirm-order-button{color:#fff;background:#237d59}.back-button{color:#4559c8;background:#edf0ff;border:0;border-radius:13px;margin:0 0 12px;padding:10px 14px;font-weight:800}.article-form{background:#f8f9fd;border:1px solid #dce2ec;border-radius:20px;grid-template-columns:1fr 1.6fr .7fr;gap:12px;margin:0 0 18px;padding:18px;display:grid}.form-title{grid-column:1/-1;justify-content:space-between;align-items:center;display:flex}.form-title button{color:#596273;background:#e8ebf2;border:0;border-radius:10px;width:34px;height:34px;font-size:22px}.article-form label{color:#596273;gap:6px;font-size:12px;font-weight:750;display:grid}.article-form input{background:#fff;border:1.5px solid #dce2ec;border-radius:12px;outline:none;width:100%;min-width:0;padding:12px}.article-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #596fe81a}.save-button{background:var(--blue);color:#fff;border:0;border-radius:13px;grid-column:1/-1;min-height:44px;font-weight:800}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#12192a94;place-items:center;padding:20px;animation:.16s ease-out modal-fade;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #ffffffb3;border-radius:24px;width:min(100%,560px);max-height:calc(100vh - 40px);animation:.2s ease-out modal-rise;overflow:auto;box-shadow:0 28px 70px #0e14244d}.modal-card .article-form{background:linear-gradient(145deg,#fff,#f7f8fd);border:0;border-radius:24px;margin:0}.modal-title-icon{background:#edf0ff;border-radius:12px;place-items:center;width:38px;height:38px;margin-right:2px;font-size:19px;display:grid}.form-title strong{color:#27356c;flex:1;font-size:18px}.modal-actions{grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.modal-actions button{border:0;border-radius:13px;min-height:44px;padding:0 16px;font-weight:800}.cancel-modal-button{color:#586173;background:#edf0f4}.archive-button{color:#8a5700;background:#fff1d6}.restore-button{color:#19713a;background:#e6f7ec}.archive-badge{color:#8a5700;background:#fff1d6;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.archived-row{background:linear-gradient(135deg,#fff,#fffbf2)}.delete-actions{flex-wrap:wrap}.delete-modal{text-align:center;padding:26px}.delete-modal-icon{background:#fff0ed;border-radius:20px;place-items:center;width:62px;height:62px;margin:0 auto 14px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:29px;display:grid}.delete-modal h2{color:#a83f35;margin:0 0 10px}.delete-modal p{color:#3d4556;margin:0;line-height:1.5}.delete-modal>small{color:var(--muted);margin-top:10px;display:block}.delete-modal .modal-actions{justify-content:center;margin-top:22px}.confirm-delete-button{color:#fff;background:#d94c42}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}.article-admin-toolbar{background:linear-gradient(135deg,#fbf7ff,#fff);border:1px solid #e5d9f1;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin:0 0 14px;padding:14px 16px;display:flex}.article-admin-toolbar div{gap:3px;display:grid}.article-admin-toolbar div span{color:#806596;font-size:11px;font-weight:750}.article-admin-toolbar div strong{color:#573477;font-size:16px}.article-admin-toolbar section{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.article-admin-toolbar button{color:#fff;background:linear-gradient(135deg,#8b4cc3,#6e3ba0);border:0;border-radius:13px;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-weight:800;display:flex;box-shadow:0 7px 16px #8b4cc338}.article-admin-toolbar button span{font-size:20px;line-height:1}.article-admin-toolbar .barcode-print-all{background:linear-gradient(135deg,#176b4c,#2a9b70);box-shadow:0 7px 16px #237d5933}.admin-search{border-color:#e1d7eb;margin-top:4px;box-shadow:0 6px 18px #5037690d}.admin-list{background:0 0;border:0;border-radius:0;gap:12px;display:grid;overflow:visible}.admin-row{background:linear-gradient(145deg,#fff,#fcfcfe);border-radius:19px;flex-wrap:wrap;align-items:flex-start;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 8px 22px #1f2d4e11;border:1px solid #e2e5ec!important}.admin-row:before{content:"";background:linear-gradient(#8b4cc3,#596fe8);width:4px;position:absolute;inset:0 auto 0 0}.admin-row:hover{transform:translateY(-1px);box-shadow:0 11px 27px #1f2d4e1a;border-color:#d6cae4!important}.row-actions .barcode-button{color:#176b4c;background:#e7f8ee}.barcode-preview-modal{max-width:520px}.barcode-preview-modal>p{color:#697386;text-align:center;margin:14px 2px 4px;font-size:12px}.barcode-label-preview{color:#111;text-align:center;background:#fff;border:1px dashed #aeb8b3;border-radius:16px;flex-direction:column;align-items:center;gap:7px;margin-top:14px;padding:20px 14px;display:flex}.barcode-label-preview>strong{max-width:360px;font-size:15px}.barcode-label-preview svg{max-width:100%;height:auto;display:block}.barcode-label-preview small{color:#444;font-weight:700}.admin-row>div:first-child{padding-top:0}.article-main{align-items:center;gap:11px;padding-bottom:2px;display:flex;flex:0 0 100%!important}.article-main-icon{background:#f3eaff;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.article-main>div{min-width:0}.article-main strong{color:#30394e;font-size:15px}.article-main small{color:#7a8291;font-size:11px}.stock-management{flex:0 0 100%;grid-template-columns:minmax(190px,1fr) 120px;align-items:stretch;gap:10px;display:grid}.stock-add-box{background:linear-gradient(145deg,#f3f4f6,#eceef1);border:1px solid #dfe2e7;border-radius:14px;padding:11px 12px}.stock-add-box label{color:#626a78;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.stock-add-box>div{gap:7px;display:flex}.stock-add-box input{background:#fff;border:1px solid #d3d7df;border-radius:10px;width:100%;min-width:0;padding:9px 10px}.stock-add-box button{color:#fff;background:#596fe8;border:0;border-radius:10px;flex:none;padding:0 11px;font-size:11px;font-weight:800}.current-stock{text-align:center;background:linear-gradient(145deg,#f8f9fd,#eef1fa);border:1px solid #d8dded;border-radius:14px;place-items:center;padding:10px;display:grid}.current-stock small{color:#6b7487;font-size:10px;font-weight:750}.current-stock strong{color:#27356c;font-size:24px}.stock-confirm-modal{text-align:center;padding:26px}.stock-confirm-icon{background:#edf0ff;border-radius:20px;place-items:center;width:62px;height:62px;margin:0 auto 14px;font-size:29px;display:grid}.stock-confirm-modal h2{color:#384ba9;margin:0 0 10px}.stock-confirm-modal p{color:#3d4556;margin:0;line-height:1.5}.stock-confirm-modal>small{color:var(--muted);margin-top:10px;display:block}.stock-confirm-modal .modal-actions{justify-content:center;margin-top:22px}.stock-calculation{justify-content:center;align-items:center;gap:10px;margin:18px 0 4px;display:flex}.stock-calculation span,.stock-calculation strong{background:#f1f2f4;border-radius:12px;min-width:48px;padding:10px;font-size:18px}.stock-calculation strong{color:#19713a;background:#e7f8ee}.confirm-stock-button{color:#fff;background:#596fe8}.row-actions{border-top:1px solid #eef0f4;justify-content:flex-end;gap:8px;padding-top:3px;display:flex;flex:0 0 100%!important}.row-actions>button,.delete-confirm button{border:0;border-radius:11px;min-height:36px;margin-top:8px;padding:0 13px;font-size:12px;font-weight:780}.edit-button{color:#4559c8;background:#edf0ff}.delete-button{color:#c2463b;background:#fff0ed}.row-actions button span{margin-right:3px}.delete-confirm{background:#fff0ed;border-radius:12px;align-items:center;gap:8px;padding:6px;display:flex}.delete-confirm button:first-child{color:#fff;background:#d94c42}.delete-confirm button:last-child{color:#596273;background:#fff}.search-box{background:#fff;border:1.5px solid #dce2ec;border-radius:16px;align-items:center;padding-left:15px;display:flex}.search-box span{color:var(--muted);font-size:22px}.search-box input{background:0 0;border:0;flex:1}.order-history-search{border-color:#cfe0f2;margin:0 0 8px;box-shadow:0 7px 18px #2569bd12}.order-history-search button{color:#2569bd;background:#edf4fb;border:0;border-radius:11px;flex:none;width:38px;height:38px;margin-right:6px;font-size:21px}.order-date-filter{background:linear-gradient(145deg,#fbfdff,#f1f7fd);border:1px solid #d7e5f3;border-radius:16px;grid-template-columns:auto 1fr 1fr auto;align-items:end;gap:10px;margin:0 0 9px;padding:12px 13px;display:grid}.order-date-filter>div{color:#2569bd;align-self:center;align-items:center;gap:7px;padding-right:4px;display:flex}.order-date-filter>div span{font-size:20px}.order-date-filter>div strong{font-size:12px}.order-date-filter label{color:#65758a;text-transform:uppercase;gap:4px;font-size:9px;font-weight:850;display:grid}.order-date-filter input{color:#26354c;background:#fff;border:1px solid #cddbea;border-radius:11px;min-width:0;height:40px;padding:0 9px}.order-date-filter>button{color:#2569bd;background:#e5eff9;border:0;border-radius:11px;min-height:40px;padding:0 11px;font-size:10px;font-weight:800}@media (width<=620px){.order-date-filter{grid-template-columns:1fr 1fr}.order-date-filter>div,.order-date-filter>button{grid-column:1/-1}}.result-count{color:var(--muted);margin:14px 2px 10px;font-size:13px}.empty-state{text-align:center;color:var(--muted);padding:46px 20px}.empty-state span{color:#b4bdd0;font-size:34px}.bottom-nav{z-index:20;width:min(100%,760px);padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffffff5;grid-template-columns:repeat(4,1fr);gap:5px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 28px #1f2d4e14}.bottom-nav button{--nav-color:#596fe8;--nav-soft:#edf0ff;color:#747d8d;background:0 0;border:1px solid #0000;border-radius:15px;place-items:center;gap:4px;min-width:0;min-height:62px;padding:6px 3px;font-size:11px;font-weight:800;transition:background .18s,color .18s,transform .18s,border-color .18s;display:grid}.bottom-nav button span{background:#f2f4f7;border-radius:10px;place-items:center;width:34px;height:30px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:19px;line-height:1;transition:background .18s,transform .18s;display:grid}.bottom-nav button.active{border-color:color-mix(in srgb,var(--nav-color) 24%,white);background:var(--nav-soft);color:var(--nav-color)}.bottom-nav button.active span{box-shadow:0 4px 10px color-mix(in srgb,var(--nav-color) 18%,transparent);background:#fff;transform:translateY(-1px)}.bottom-nav button:active{transform:scale(.97)}.bottom-nav .nav-start{--nav-color:#cc7118;--nav-soft:#fff1df}.bottom-nav .nav-order{--nav-color:#237d59;--nav-soft:#eaf9f2}.bottom-nav .nav-summary{--nav-color:#2569bd;--nav-soft:#eaf4ff}.bottom-nav .nav-admin{--nav-color:#8b4cc3;--nav-soft:#f4eaff}@media (width>=700px){.content{padding-left:30px;padding-right:30px}.feature-grid{gap:18px}}@media (width<=560px){.article-form{grid-template-columns:1fr}.article-form label,.save-button{grid-column:1}.admin-menu-grid{grid-template-columns:1fr 1fr}.article-admin-toolbar{flex-direction:column;align-items:stretch}.article-admin-toolbar section{grid-template-columns:1fr;display:grid}.article-admin-toolbar button{justify-content:center}.stock-management{grid-template-columns:1fr}.current-stock{grid-template-columns:1fr auto;justify-content:space-between}}@media (width<=390px){.feature-card{min-height:136px;padding:15px}.topbar h1{font-size:25px}.content{padding-left:14px;padding-right:14px}.order-row{flex-wrap:wrap;align-items:flex-start}.order-row .quantity-controls{margin-left:54px}}.admin-gate{text-align:center;border:1px solid var(--line);background:#f8f9fd;border-radius:24px;align-content:center;place-items:center;gap:10px;min-height:360px;padding:32px;display:grid}.admin-gate h2,.admin-gate p{margin:0}.admin-gate p{max-width:420px;color:var(--muted);line-height:1.5}.admin-gate button{background:var(--blue);color:#fff;border:0;border-radius:13px;min-height:44px;margin-top:8px;padding:0 18px;font-weight:800}.gate-icon{width:64px;height:64px;color:var(--blue);background:#edf0ff;border-radius:20px;place-items:center;font-size:30px;display:grid}.admin-loader{justify-items:center;gap:9px;margin-bottom:4px;display:grid}.loader-duck{transform-origin:bottom;width:82px;height:72px;animation:.82s ease-in-out infinite alternate duck-waddle;position:relative}.duck-head{z-index:3;background:#ffd83d;border-radius:50%;width:38px;height:38px;position:absolute;top:5px;right:8px;box-shadow:inset -4px -4px #cf97001f}.duck-head:before{content:"";background:#31313b;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;right:8px;box-shadow:1px 1px #fff}.duck-head:after{content:"";background:#f28a2b;border-radius:4px 10px 10px 4px;width:22px;height:10px;position:absolute;top:20px;right:-14px}.duck-body{z-index:1;background:#ffd83d;border-radius:55% 48% 45% 52%;width:58px;height:39px;position:absolute;bottom:9px;left:8px;box-shadow:inset -5px -5px #cf97001f}.duck-body:before{content:"";border-top:10px solid #0000;border-bottom:8px solid #0000;border-right:21px solid #ffd83d;position:absolute;top:5px;left:-10px;transform:rotate(8deg)}.duck-wing{z-index:2;transform-origin:5px 10px;background:#f0bd1e;border-radius:55% 48% 60% 40%;width:30px;height:19px;animation:.5s ease-in-out infinite alternate duck-wing;position:absolute;bottom:22px;left:26px}.duck-foot{transform-origin:50%;background:#f28a2b;border-radius:8px 12px 5px 5px;width:20px;height:6px;position:absolute;bottom:1px}.foot-left{animation:.82s ease-in-out infinite alternate duck-step-left;left:25px}.foot-right{animation:.82s ease-in-out infinite alternate duck-step-right;left:49px}.loader-dots{gap:6px;display:flex}.loader-dots i{background:#8b4cc3;border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite loader-dot}.loader-dots i:nth-child(2){animation-delay:.15s}.loader-dots i:nth-child(3){animation-delay:.3s}@keyframes duck-waddle{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-5px)rotate(4deg)}}@keyframes duck-wing{0%{transform:rotate(-8deg)}to{transform:rotate(18deg)}}@keyframes duck-step-left{0%{transform:translate(-4px)rotate(8deg)}to{transform:translate(3px)rotate(-5deg)}}@keyframes duck-step-right{0%{transform:translate(3px)rotate(-5deg)}to{transform:translate(-4px)rotate(8deg)}}@keyframes loader-dot{0%,70%,to{opacity:.35;transform:translateY(0)}35%{opacity:1;transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.loader-duck,.duck-wing,.duck-foot,.loader-dots i{animation:none}}.admin-identity{color:#384ba9;background:#eef1ff;border-radius:16px;margin-bottom:14px;padding:14px 16px}.admin-identity span,.admin-identity strong{display:block}.admin-identity span{color:#65719d;margin-bottom:4px;font-size:12px}.admin-person{align-items:center;gap:10px;display:flex}.admin-firefighter-icon{background:linear-gradient(145deg,#fff,#fff1ee);border:1px solid #f0d7d2;border-radius:14px;place-items:center;width:42px;height:42px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:25px;font-style:normal;line-height:1;display:grid;box-shadow:0 5px 14px #a83f3521}.nfc-summary{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.nfc-summary>div{background:linear-gradient(145deg,#fff,#f5f4ff);border:1px solid #dddff3;border-radius:17px;gap:5px;padding:15px;display:grid;box-shadow:0 6px 17px #50418212}.nfc-summary small{color:#79758d;text-transform:uppercase;letter-spacing:.45px;font-size:10px;font-weight:800}.nfc-summary strong{color:#563d91;font-size:25px}.nfc-toolbar{background:#faf9ff;border:1px solid #d9dcef;border-radius:19px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:16px;display:flex}.nfc-toolbar>div{gap:4px;display:grid}.nfc-toolbar small{color:#707789;line-height:1.4}.nfc-toolbar button{color:#fff;background:linear-gradient(135deg,#6f55b5,#8b4cc3);border:0;border-radius:13px;flex:none;min-height:42px;padding:0 14px;font-weight:800;box-shadow:0 7px 16px #6f55b533}.nfc-user-list{gap:10px;display:grid}.nfc-user-card{background:#fff;border:1px solid #dddff0;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px;display:grid;box-shadow:0 7px 19px #1f2d4e0f}.nfc-user-card.inactive{opacity:.62;background:#f5f6f8}.nfc-person-icon{background:#f2edff;border-radius:15px;place-items:center;width:46px;height:46px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:23px;display:grid}.nfc-user-card strong,.nfc-user-card small{display:block}.nfc-user-card small{color:#747d8d;overflow-wrap:anywhere;margin-top:3px;font-size:11px}.nfc-user-card>div:nth-child(2)>div{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.nfc-user-card b,.nfc-user-card i{border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal}.nfc-user-card b{color:#6949a1;background:#eee9fb}.nfc-user-card i{color:#237d59;background:#e5f7ed}.nfc-user-card.inactive i{color:#707785;background:#e8eaee}.nfc-actions{gap:7px;display:grid}.nfc-actions button{color:#4559c8;background:#edf0ff;border:0;border-radius:10px;min-height:34px;padding:0 10px;font-size:11px;font-weight:800}.nfc-actions .deactivate{color:#b6453b;background:#fff0ed}.nfc-actions .activate{color:#237d59;background:#e7f8ee}.nfc-activity-heading{justify-content:space-between;align-items:end;gap:12px;margin-top:25px;display:flex}.nfc-activity-heading h2{margin:0 0 4px}.nfc-activity-heading p{color:#7a8291;margin:0;font-size:12px}.nfc-activity-heading>span{color:#6949a1;background:#f0edfa;border-radius:999px;flex:none;padding:6px 9px;font-size:10px;font-weight:800}.nfc-activity-list{background:#fff;border:1px solid #e0e3eb;border-radius:18px;margin-top:11px;overflow:hidden}.nfc-activity-list>div:not(.empty-state){border-bottom:1px solid #eceef3;grid-template-columns:auto minmax(0,1fr) 112px;align-items:center;gap:10px;padding:12px 14px;display:grid}.nfc-activity-list>div:last-child{border-bottom:0}.nfc-activity-list>div>span{background:#f2edff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.nfc-activity-list strong,.nfc-activity-list small{display:block}.nfc-activity-list small{color:#737b89;margin-top:3px;font-size:10px;line-height:1.35}.nfc-activity-list time{color:#6954a0;text-align:right;font-size:10px;font-weight:800}.nfc-modal{padding:22px}.nfc-modal form{gap:13px;display:grid}.nfc-modal label{color:#596273;gap:6px;font-size:12px;font-weight:800;display:grid}.nfc-modal input,.nfc-modal select{background:#fff;border:1.5px solid #dce2ec;border-radius:12px;outline:none;width:100%;min-height:44px;padding:0 12px}.nfc-modal input:focus,.nfc-modal select:focus{border-color:#7958b4;box-shadow:0 0 0 3px #7958b41a}.nfc-modal .save-button{color:#fff;background:#7253ad;border:0;border-radius:13px;min-height:44px;padding:0 16px;font-weight:800}.nfc-security-note{color:#85601b;background:#fff7e8;border-radius:12px;margin:0;padding:11px 12px;font-size:11px;line-height:1.45}.avatar-picker{border:1px solid #dce2ec;border-radius:14px;min-width:0;margin:0;padding:10px}.avatar-picker legend{color:#596273;padding:0 5px;font-size:12px;font-weight:800}.avatar-picker>div{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.avatar-picker button{color:#6b7280;background:#f3f4f8;border:1.5px solid #0000;border-radius:11px;align-content:center;place-items:center;gap:3px;min-width:0;min-height:65px;padding:6px 3px;display:grid}.avatar-picker button span{font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:25px}.avatar-picker button small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;font-weight:750;overflow:hidden}.avatar-picker button.selected{color:#654497;background:#f1eaff;border-color:#7958b4;box-shadow:0 0 0 3px #7958b417}.temporary-password-field{grid-template-columns:minmax(0,1fr) auto auto;gap:7px;margin-top:5px;display:grid}.temporary-password-field input{letter-spacing:.04em;min-width:0;font-family:Consolas,SFMono-Regular,monospace}.temporary-password-field button{color:#f4fcff;background:linear-gradient(145deg,#1f7ea4cc,#1c5287e0);border:1px solid #6bcde23d;border-radius:11px;min-height:42px;padding:0 10px;font-size:9px;font-weight:850}.temporary-password-field button:disabled{opacity:.45}.temporary-password-note{color:#8aaaba;margin-top:6px;font-size:9px;line-height:1.45;display:block}.masteradmin-protected{color:#f4ca67;background:#7f56123d;border:1px solid #f1bf4a47;border-radius:11px;justify-content:center;align-items:center;gap:5px;min-height:38px;padding:0 12px;font-size:9px;font-weight:850;display:inline-flex}.temporary-credential-modal{width:min(520px,100vw - 24px)}.temporary-credential-modal>p{color:#a9c5d0;font-size:11px;line-height:1.55}.temporary-credential-modal dl{gap:8px;margin:14px 0;display:grid}.temporary-credential-modal dl>div{background:#07263ea8;border:1px solid #5bc1da33;border-radius:12px;padding:11px 13px}.temporary-credential-modal dt{color:#78b5c7;text-transform:uppercase;font-size:8px;font-weight:850}.temporary-credential-modal dd{color:#effbff;overflow-wrap:anywhere;margin:4px 0 0;font-family:Consolas,SFMono-Regular,monospace;font-size:14px;font-weight:800}.copy-credential-button{color:#eafaff;background:#14648fad;border:1px solid #63cee53d;border-radius:11px;min-height:40px;padding:0 12px;font-size:9px;font-weight:850}@media (width<=560px){.temporary-password-field{grid-template-columns:1fr 1fr}.temporary-password-field input{grid-column:1/-1}.nfc-toolbar{flex-direction:column;align-items:stretch}.nfc-user-card{grid-template-columns:auto 1fr}.nfc-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.nfc-activity-list>div:not(.empty-state){grid-template-columns:auto 1fr}.nfc-activity-list time{text-align:left;grid-column:2}}.login-page{background:radial-gradient(circle at 12% 10%,#ffd64a2e,#0000 30%),linear-gradient(145deg,#222c50,#11172d 70%);place-items:center;min-height:100vh;padding:22px;display:grid}.login-card{background:#fffffff7;border:1px solid #ffffff7a;border-radius:28px;width:min(100%,460px);padding:24px;overflow:hidden;box-shadow:0 24px 70px #04091966}.login-brand{border-bottom:1px solid #e6e9f0;align-items:center;gap:14px;padding-bottom:19px;display:flex}.login-brand img{object-fit:contain;background:#fff;border-radius:13px;width:58px;height:68px}.login-brand-mark{background:linear-gradient(145deg,#269ec247,#0f4d7766);border:1px solid #6adbef40;border-radius:17px;flex:none;place-items:center;width:58px;height:58px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:29px;display:grid;box-shadow:0 8px 22px #00000047,inset 0 1px #ffffff1f,0 0 18px #34cdeb1f}.login-brand small,.login-brand h1{margin:0;display:block}.login-brand small{color:#c94c40;letter-spacing:.8px;text-transform:uppercase;font-size:11px;font-weight:850}.login-brand h1{color:#222c50;margin-top:3px;font-family:Georgia,Times New Roman,serif;font-size:25px}.login-heading{align-items:center;gap:13px;margin:21px 0 17px;display:flex}.login-heading>span{background:#fff0ed;border-radius:16px;place-items:center;width:50px;height:50px;font-size:27px;display:grid}.login-heading h2,.login-heading p{margin:0}.login-heading h2{color:#222c50;font-size:20px}.login-heading p{color:#747d8e;margin-top:4px;font-size:12px}.login-tabs{background:#eef0f5;border-radius:14px;grid-template-columns:1fr 1fr;gap:5px;padding:5px;display:grid}.login-tabs button{color:#687084;background:0 0;border:0;border-radius:10px;min-height:40px;font-weight:800}.login-form{gap:14px;margin-top:16px;display:grid}.login-form label{color:#485169;gap:7px;font-size:12px;font-weight:800;display:grid}.login-form input{background:#fff;border:1.5px solid #d9dee9;border-radius:13px;outline:none;width:100%;min-height:48px;padding:0 14px}.password-input{display:block;position:relative}.password-input input{padding-right:52px}.password-input button{color:#4559c8;cursor:pointer;background:#f0f2f7;border:0;border-radius:10px;place-items:center;width:39px;height:37px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:18px;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-input button:active{transform:translateY(-50%)scale(.94)}.login-submit{color:#fff;background:linear-gradient(135deg,#596fe8,#4559c8);border:0;border-radius:14px;min-height:50px;font-size:14px;font-weight:850;box-shadow:0 9px 20px #4559c840}.login-submit:disabled{opacity:.62}.login-message{color:#a83f35;background:#fff0ed;border-radius:11px;margin:0;padding:11px 12px;font-size:11px;line-height:1.45}.login-hint{color:#7c8493;text-align:center;margin:16px 1px 0;font-size:10px;line-height:1.5}.login-checking{color:#4559c8;place-items:center;gap:11px;min-height:210px;display:grid}.login-checking span{font-size:38px;animation:1.1s ease-in-out infinite alternate login-pulse}.nfc-login-box{text-align:center;background:#f8f7ff;border:1px solid #d9dcef;border-radius:16px;place-items:center;gap:7px;padding:16px;display:grid}.nfc-login-box>span{font-size:31px}.nfc-login-box small{color:#737b8e;overflow-wrap:anywhere;font-size:10px}.nfc-login-box button{color:#fff;background:#7253ad;border:0;border-radius:11px;min-height:38px;padding:0 14px;font-weight:800}.nfc-login-actions{grid-template-columns:1fr;gap:7px;width:100%;margin-top:3px;display:grid}.nfc-login-box .nfc-tools-paste{color:#654497;background:#fff;box-shadow:inset 0 0 0 1px #d9d0e8}.nfc-login-box .nfc-helper-start{color:#fff;background:linear-gradient(135deg,#302062,#7657b7);border-radius:11px;place-items:center;width:100%;min-height:46px;font-weight:800;text-decoration:none;display:grid;box-shadow:0 8px 18px #482e7b38}.nfc-login-box .nfc-helper-start:disabled{opacity:.6}.nfc-login-box input{text-align:center;min-height:42px;margin-top:3px;font-family:monospace}.logout-button{color:#70409d;background:#fff;border:1px solid #e3dce9;border-radius:11px;flex:none;min-height:36px;padding:0 11px;font-size:11px;font-weight:800;box-shadow:0 4px 11px #1f2d4e14}@keyframes login-pulse{0%{opacity:.7;transform:scale(.94)}to{opacity:1;transform:scale(1.08)}}@media (width<=520px){.login-card{border-radius:23px;padding:19px}.logout-button{padding:0 8px}}.database-status{border:1px solid;border-radius:15px;align-items:center;gap:11px;margin:0 0 16px;padding:12px 14px;display:flex}.database-status>span{font-size:18px}.database-status strong,.database-status small{display:block}.database-status strong{font-size:12px}.database-status small{margin-top:3px;font-size:10px;line-height:1.35}.database-status.online{color:#237d59;background:#eefaf3;border-color:#bfe6d1}.database-status.local{color:#8a631e;background:#fff8e9;border-color:#f0d7aa}.account-card{background:#fff;border:1px solid #e1d8ed;border-radius:22px;overflow:hidden;box-shadow:0 10px 26px #53377417}.account-profile{background:linear-gradient(135deg,#f7f2ff,#eef1ff);align-items:center;gap:14px;padding:20px;display:flex}.account-profile>span{background:#fff;border-radius:18px;place-items:center;width:55px;height:55px;font-size:29px;display:grid;box-shadow:0 7px 16px #5337741f}.account-profile small,.account-profile strong,.account-profile p{margin:0;display:block}.account-profile small{color:#78678b;text-transform:uppercase;font-size:10px;font-weight:800}.account-profile strong{color:#563d91;margin-top:3px;font-size:19px}.account-profile p{color:#747987;margin-top:3px;font-size:11px}.account-card form{gap:13px;padding:20px;display:grid}.account-card form h2{color:#563d91;margin:0 0 3px}.account-card form label{color:#596273;gap:6px;font-size:11px;font-weight:800;display:grid}.account-card form input{border:1.5px solid #dce2ec;border-radius:12px;outline:none;min-height:45px;padding:0 12px}.account-card form input:focus{border-color:#7958b4;box-shadow:0 0 0 3px #7958b41a}.account-card form>button{color:#fff;background:#7253ad;border:0;border-radius:13px;min-height:46px;font-weight:800}.account-card form>button:disabled{opacity:.45}.account-message{color:#4559c8;background:#eef1ff;border-radius:11px;margin:0;padding:10px 12px;font-size:11px}.account-disabled-note{color:#8a631e;text-align:center;font-size:10px;line-height:1.4}.live-sync-note{color:#237d59;background:#eefaf3;border:1px solid #bfe6d1;border-radius:12px;align-items:center;gap:7px;margin:0 0 13px;padding:9px 12px;font-size:10px;font-weight:800;display:flex}.live-sync-note span{font-size:9px;animation:1.3s ease-in-out infinite alternate live-pulse}@keyframes live-pulse{0%{opacity:.35}to{opacity:1}}body{background-color:#0000;background-image:radial-gradient(circle at 12% 8%,#ffac7e38,#0000 28%),radial-gradient(circle at 88% 14%,#79a8ff3b,#0000 30%),radial-gradient(circle at 70% 88%,#70e8cb2e,#0000 30%),linear-gradient(145deg,#edf1f7,#f7f9fc 48%,#e9edf5);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}.app-shell{-webkit-backdrop-filter:blur(24px)saturate(135%);background:linear-gradient(145deg,#ffffffc7,#f6f9fdad);border-inline:1px solid #ffffffb8;box-shadow:0 0 50px #2d3e601f,inset 0 1px #fffffff2}.topbar{position:relative}.topbar:after{content:"";background:linear-gradient(90deg,#0000,#758bb440,#ffffffe6,#0000);height:1px;position:absolute;bottom:0;left:20px;right:20px}.hero-card,.feature-card,.view-banner,.status-card,.admin-grid .admin-stat,.database-status,.instruction-card,.summary-banner,.account-card,.nfc-summary,.nfc-toolbar,.nfc-user-card,.order-history-card,.critical-row,.statistics-row,.imprint-card,.article-admin-toolbar,.admin-row{-webkit-backdrop-filter:blur(16px)saturate(135%);box-shadow:0 13px 28px #2a39571c,inset 0 1px #fffffff5,inset 0 -1px #748bb71f;border-color:#ffffffb8!important}.feature-card,.status-card,.admin-grid .admin-stat,.article-admin-toolbar,.admin-row,.order-history-card,.critical-row,.statistics-row{background:linear-gradient(135deg,#ffffffc7,#ffffff6e), linear-gradient(145deg,var(--card-top,#fff),var(--card-bottom,#f5f7fb))}.feature-card:before,.view-banner:before,.hero-card:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg,#ffffff94,#0000 28% 70%,#9dcfff2e);position:absolute;inset:1px}.feature-card>*,.view-banner>*,.hero-card>*{z-index:1;position:relative}.feature-card span,.view-banner>span,.hero-icon,.status-icon,.admin-stat>span{background:linear-gradient(145deg,#ffffffd4,#ffffff6b);border:1px solid #ffffffd1;box-shadow:0 8px 17px #3546681f,inset 0 1px #fffffff5}.search-box,.scan-form input,.account-card form input,.article-form input,.nfc-modal input,.nfc-modal select,.order-date-filter input{-webkit-backdrop-filter:blur(14px);background:linear-gradient(145deg,#ffffffd1,#f4f8fd94);border-color:#ffffffe0;box-shadow:0 8px 18px #2d3e6017,inset 0 1px #fffffff5,inset 0 -1px #6984b421}.barcode-camera-button,.submit-order-button,.login-submit,.save-button,.confirm-order-button,.confirm-stock-button,.article-admin-toolbar button,.nfc-toolbar button{border:1px solid #ffffffb3;box-shadow:0 10px 21px #2a495f33,inset 0 1px #ffffff80,inset 0 -2px #0000001a}.barcode-camera-button{border-radius:999px}.back-button,.logout-button,.row-actions button,.section-heading button,.order-date-filter>button{background:linear-gradient(145deg,#ffffffe0,#ebf1f9a6);border:1px solid #ffffffd6;border-radius:999px;box-shadow:0 7px 15px #2d3e601a,inset 0 1px #fffffffa}.bottom-nav{-webkit-backdrop-filter:blur(22px)saturate(145%);background:linear-gradient(145deg,#ffffffd1,#f1f5fbad);border:1px solid #fffc;border-radius:23px;width:min(100% - 18px,742px);bottom:9px;box-shadow:0 13px 30px #2a39572b,inset 0 1px #fffffffa}.device-tablet .bottom-nav{width:min(100% - 22px,938px)}.device-desktop .bottom-nav{width:min(100% - 26px,1154px)}.bottom-nav button{border-radius:17px;min-height:57px}.bottom-nav button.active{background:linear-gradient(145deg,#ffffffe6,var(--nav-soft));box-shadow:0 7px 16px color-mix(in srgb,var(--nav-color) 16%,transparent),inset 0 1px #fff;border-color:#ffffffe6}.modal-backdrop{-webkit-backdrop-filter:blur(16px)saturate(120%);background:#dce5f180}.modal-card{-webkit-backdrop-filter:blur(24px)saturate(135%);background:linear-gradient(145deg,#ffffffe6,#eff4fbcc);border:1px solid #ffffffe0;box-shadow:0 26px 70px #2a395740,inset 0 1px #fffffffa}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.app-shell,.bottom-nav,.modal-card{background:#f8fafd}}.first-password-heading{align-items:center;gap:13px;margin:21px 0 8px;display:flex}.first-password-heading>span{background:#fff4d8;border-radius:16px;flex:none;place-items:center;width:52px;height:52px;font-size:27px;display:grid}.first-password-heading h2,.first-password-heading p{margin:0}.first-password-heading h2{color:#222c50;font-size:19px}.first-password-heading p{color:#747d8e;margin-top:5px;font-size:11px;line-height:1.45}.first-password-logout{color:#71798a;background:0 0;border:0;margin:13px auto 0;font-size:11px;font-weight:750;text-decoration:underline;display:block}.app-shell.app-view-home{background:radial-gradient(circle at 92% 18%,#1fcded33,#0000 26%),radial-gradient(circle at 8% 80%,#1680be29,#0000 34%),linear-gradient(145deg,#071d35,#0b2946 54%,#06182d);border-color:#5ec4ea2e;position:relative;overflow:hidden;box-shadow:0 22px 70px #020f2061}.app-shell.app-view-home:before,.app-shell.app-view-home:after{content:"";z-index:0;pointer-events:none;border-radius:48% 0 0 52%;position:absolute;transform:rotate(-10deg)}.app-shell.app-view-home:before{background:linear-gradient(135deg,#2ddcf67a,#0c61ae1f);width:58%;height:430px;top:115px;right:-24%;box-shadow:-25px 0 #23bce326,-52px 0 #1e98cf1a}.app-shell.app-view-home:after{background:linear-gradient(135deg,#1da5d847,#06376814);width:42%;height:310px;bottom:110px;right:-20%}.app-view-home .topbar,.app-view-home .content,.app-view-home .bottom-nav{z-index:2;position:relative}.app-view-home .topbar:after{background:linear-gradient(90deg,#0000,#5dd2ee3d,#0000)}.app-view-home .brand-title{color:#f5fbff;text-shadow:0 3px 18px #00000038}.app-view-home .brand-title:after{background:linear-gradient(90deg,#38d5eb,#238bd4)}.app-view-home .station-emblem{background:#ffffffeb;border:1px solid #79def44d;box-shadow:0 10px 28px #0000003d,0 0 22px #34cdeb24}.app-view-home .logout-button{color:#d9f7ff;background:#071f379e;border-color:#75d3eb3d;box-shadow:inset 0 1px #ffffff1f}.command-home-hero{-webkit-backdrop-filter:blur(16px);background:linear-gradient(135deg,#0a2845c7,#071f3885);border:1px solid #70d9f03d;border-radius:30px;grid-template-columns:minmax(0,1.25fr) minmax(190px,.75fr);align-items:center;min-height:310px;margin:10px 0 28px;padding:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 50px #0009184d,inset 0 1px #ffffff1f}.command-home-hero:after{content:"";background:linear-gradient(145deg,#2cd9f157,#0f65ad0d);border-radius:50% 48% 0 0;height:120%;position:absolute;inset:auto -12% -62% 38%;box-shadow:-28px -12px #24b0da1f,-58px -23px #228ec314}.command-home-hero>div:first-child{z-index:2;position:relative}.command-home-hero small{color:#46d9ed;letter-spacing:.9px;text-transform:uppercase;font-size:11px;font-weight:800}.command-home-hero h2{color:#fff;letter-spacing:-1.2px;margin:12px 0 13px;font-family:Georgia,Times New Roman,serif;font-size:clamp(30px,5vw,48px);line-height:1.03}.command-home-hero p{color:#a9c3d4;max-width:510px;margin:0;font-size:14px;line-height:1.55}.command-home-hero button{color:#fff;background:linear-gradient(135deg,#20cae7,#167cc9);border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:8px;min-height:45px;margin-top:24px;padding:0 18px;font-weight:850;display:flex;box-shadow:0 12px 26px #0f95cf52,inset 0 1px #ffffff7a}.command-home-hero button span{font-size:20px}.command-hero-visual{z-index:2;place-items:center;min-height:210px;display:grid;position:relative}.command-hero-visual>span{z-index:3;color:#fff;text-shadow:0 4px 20px #0000003d;background:radial-gradient(circle at 35% 30%,#82eefbc7,#128ac3c2 42%,#07335bdb);border:1px solid #95edfa7a;border-radius:50%;place-items:center;width:128px;height:128px;font-size:58px;display:grid;position:relative;box-shadow:0 22px 42px #00081852,inset 0 2px #ffffff73,0 0 35px #36d3ed47}.command-hero-visual i{border:1px solid #56d9ef3d;border-radius:50%;width:168px;height:168px;position:absolute}.command-hero-visual i:nth-of-type(2){width:204px;height:204px}.command-hero-visual i:nth-of-type(3){width:242px;height:242px}.app-view-home .areas-title{color:#e9f8ff}.app-view-home .areas-title span{color:#59dced;box-shadow:none;background:#14659159;border:1px solid #67ddf147}.app-view-home .areas-title:after{background:linear-gradient(90deg,#46d5ed57,#0000)}.app-view-home .feature-card{--card-top:#0c2d4ad1;--card-bottom:#071f38b8;background:linear-gradient(145deg,#103756db,#071f38c2);box-shadow:0 14px 30px #000a1c42,inset 0 1px #ffffff1a;border-color:#65cce533!important}.app-view-home .feature-card:before{background:linear-gradient(125deg,#ffffff1a,#0000 30%,#0000)}.app-view-home .feature-card:after{background:color-mix(in srgb,var(--card-accent) 20%,transparent)}.app-view-home .feature-card strong{color:#f3fbff}.app-view-home .feature-card small{color:#94b3c7}.app-view-home .feature-card>span{background:#ffffff14;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff1f,0 7px 18px #0000002e}.app-view-home .feature-card:hover{box-shadow:0 18px 34px #00081857,0 0 22px color-mix(in srgb,var(--card-accent) 15%,transparent);border-color:color-mix(in srgb,var(--card-accent) 58%,transparent)!important}.app-view-home .bottom-nav{background:linear-gradient(145deg,#0b2b46e6,#05192fe0);border-color:#67d0e733;box-shadow:0 16px 34px #00081661,inset 0 1px #ffffff1a}.app-view-home .bottom-nav button{color:#819fb3}.app-view-home .bottom-nav button span{background:#ffffff0f}.app-view-home .bottom-nav button.active{color:#56d8eb;background:#1d90bd2e;border-color:#50d5ec3d;box-shadow:inset 0 1px #ffffff14}.app-view-home .bottom-nav button.active span{box-shadow:none;background:#48cfe824}@media (width<=700px){.command-home-hero{grid-template-columns:1fr;min-height:auto;padding:25px 22px}.command-home-hero h2{font-size:34px}.command-hero-visual{min-height:150px;margin-top:10px}.command-hero-visual>span{width:96px;height:96px;font-size:44px}.command-hero-visual i{width:126px;height:126px}.command-hero-visual i:nth-of-type(2){width:150px;height:150px}.command-hero-visual i:nth-of-type(3){width:176px;height:176px}}.topbar-brand{align-items:center;gap:14px;min-width:0;display:flex}.topbar-brand>div:last-child{min-width:0}.topbar-brand .station-emblem{width:54px;height:64px}.app-shell{color:#eaf8ff;background:radial-gradient(circle at 92% 12%,#1fcded29,#0000 25%),radial-gradient(circle at 7% 82%,#1680be1f,#0000 32%),linear-gradient(145deg,#071d35,#0b2946 54%,#06182d);border-color:#5ec4ea2e;position:relative;overflow:hidden}.app-shell:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(135deg,#2ddcf638,#0c61ae0a);border-radius:50% 0 0 50%;width:48%;height:420px;position:absolute;top:170px;right:-27%;transform:rotate(-9deg);box-shadow:-28px 0 #23bce314,-55px 0 #1e98cf0d}.app-shell .topbar,.app-shell .content,.app-shell .bottom-nav{z-index:2;position:relative}.app-shell .brand-title{color:#f5fbff;text-shadow:0 3px 18px #00000038}.app-shell .brand-title:after{background:linear-gradient(90deg,#38d5eb,#238bd4)}.app-shell .topbar:after{background:linear-gradient(90deg,#0000,#5dd2ee3d,#0000)}.app-shell .station-emblem{background:#ffffffeb;border:1px solid #79def44d;box-shadow:0 8px 22px #00000040,0 0 18px #34cdeb1f}.app-shell .logout-button{color:#d9f7ff;background:#071f379e;border-color:#75d3eb3d;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:inset 0 1px #ffffff1f}.app-shell .logout-button:hover{border-color:#5bdcf185;transform:translateY(-3px);box-shadow:0 10px 22px #0008184d,0 0 18px #2fc8e724}.command-home-hero button{transition:transform .2s,box-shadow .2s,filter .2s}.command-home-hero button:hover{filter:brightness(1.08);transform:translateY(-4px);box-shadow:0 17px 32px #0f95cf6b,0 0 22px #34d8ef33,inset 0 1px #ffffff8c}.command-home-hero button:active{transform:translateY(-1px)scale(.97)}.app-shell .view-banner,.app-shell .instruction-card,.app-shell .summary-banner,.app-shell .database-status,.app-shell .article-admin-toolbar,.app-shell .admin-row,.app-shell .order-history-card,.app-shell .critical-row,.app-shell .statistics-row,.app-shell .account-card,.app-shell .nfc-summary,.app-shell .nfc-toolbar,.app-shell .nfc-user-card,.app-shell .imprint-card,.app-shell .medication-order-meta,.app-shell .order-date-filter{color:#eaf8ff;background:linear-gradient(145deg,#103756d6,#071f38c2);box-shadow:0 14px 30px #000a1c3d,inset 0 1px #ffffff17;border-color:#60c1dc30!important}.app-shell .view-banner h2,.app-shell .areas-title,.app-shell h2,.app-shell h3{color:#effbff}.app-shell .view-banner p,.app-shell .instruction-card span,.app-shell .result-count,.app-shell .list-row small,.app-shell .order-history-card small,.app-shell .critical-row small,.app-shell .statistics-row small,.app-shell .account-card p,.app-shell .nfc-user-card small,.app-shell .imprint-card p{color:#96b4c7}.app-shell .view-banner>span,.app-shell .row-icon,.app-shell .article-main-icon{background:#ffffff14;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff1f,0 7px 18px #0000002e}.app-shell .list{-webkit-backdrop-filter:blur(15px);background:#051a308f;border-color:#60c1dc2e;box-shadow:0 15px 30px #00081833,inset 0 1px #ffffff0d}.app-shell .list-row{color:#eaf8ff;background:#0b2b4680;border-color:#6fb8d21f}.app-shell .list-row:nth-child(2n){background:#08243e91}.app-shell .list-row strong,.app-shell .order-history-card strong,.app-shell .critical-row strong,.app-shell .statistics-row strong,.app-shell .article-main strong{color:#f3fbff}.app-shell .search-box,.app-shell .scan-form input,.app-shell .account-card form input,.app-shell .article-form input,.app-shell .nfc-modal input,.app-shell .nfc-modal select,.app-shell .order-date-filter input{color:#f2fbff;background:linear-gradient(145deg,#0d304de0,#071f38c7);border-color:#67c9e333;box-shadow:inset 0 1px #ffffff14,0 8px 18px #00081829}.app-shell input::placeholder{color:#7695aa}.app-shell .search-box span{color:#55cfe5}.app-shell .feature-card{background:linear-gradient(145deg,#103756db,#071f38c2);box-shadow:0 14px 30px #000a1c42,inset 0 1px #ffffff1a;border-color:#65cce533!important}.app-shell .feature-card strong{color:#f3fbff}.app-shell .feature-card small{color:#94b3c7}.app-shell .feature-card>span{background:#ffffff14;border-color:#ffffff24}.app-shell .admin-grid .admin-stat{background:linear-gradient(145deg,#103756d6,#071f38bd);border-color:#65cce52e}.app-shell .admin-grid .admin-stat small{color:#9ab6c8}.app-shell .bottom-nav{background:linear-gradient(145deg,#0b2b46ed,#05192fe8);border-color:#67d0e733;box-shadow:0 16px 34px #00081666,inset 0 1px #ffffff1a}.app-shell .bottom-nav button{color:#819fb3}.app-shell .bottom-nav button span{background:#ffffff0f}.app-shell .bottom-nav button.active{color:#56d8eb;background:#1d90bd2e;border-color:#50d5ec3d;box-shadow:inset 0 1px #ffffff14}.app-shell .bottom-nav button.active span{box-shadow:none;background:#48cfe824}.app-shell .modal-card{color:#eaf8ff;background:linear-gradient(145deg,#0d304df7,#05192ff5);border-color:#6fd2e942;box-shadow:0 28px 75px #00081880,inset 0 1px #ffffff1f}.app-shell .modal-card h2,.app-shell .modal-card strong,.app-shell .modal-card label{color:#f2fbff}.app-shell .modal-card p,.app-shell .modal-card small{color:#9ab6c8}.app-shell .modal-backdrop{background:#010d1cb8}.app-shell .back-button,.app-shell .row-actions button,.app-shell .section-heading button,.app-shell .order-date-filter>button{color:#d8f6ff;background:linear-gradient(145deg,#144260e0,#092742d1);border-color:#63cae333;box-shadow:0 7px 15px #0008182e,inset 0 1px #ffffff1a}@media (width<=600px){.topbar-brand{gap:9px}.topbar-brand .station-emblem{border-radius:12px;width:43px;height:52px}.topbar-brand .brand-title{font-size:clamp(20px,6vw,25px)}}.app-shell .feature-card:after,.app-shell .admin-grid .admin-stat:after,.app-shell .status-card:after,.app-shell .view-banner:after{display:none}.app-shell .nfc-toolbar button{transition:transform .2s,box-shadow .2s,filter .2s,border-color .2s}.app-shell .nfc-toolbar button:hover{filter:brightness(1.08);border-color:#77e1f38c;transform:translateY(-4px);box-shadow:0 16px 30px #0f95cf57,0 0 20px #34d8ef29,inset 0 1px #ffffff80}.app-shell .nfc-toolbar button:active{transform:translateY(-1px)scale(.97)}.app-shell :where(button){transition:transform .2s,box-shadow .2s,filter .2s,border-color .2s}.app-shell :where(button:not(:disabled):hover){filter:brightness(1.07);transform:translateY(-3px);box-shadow:0 12px 24px #00081847,0 0 16px #34d8ef1a}.app-shell :where(button:not(:disabled):active){transform:translateY(-1px)scale(.96)}.app-shell :where(button:disabled){cursor:not-allowed}.app-view-admin .feature-card{background:linear-gradient(145deg,#103756e6,#071f38d6);box-shadow:0 14px 30px #000a1c47,inset 0 1px #ffffff14;border-color:#65cce533!important}.app-view-admin .feature-card:before{display:none}.app-view-admin .feature-card>span{background:#ffffff12;box-shadow:inset 0 1px #ffffff1a,0 7px 18px #0003}.feature-card--critical{padding-right:68px}.feature-card--critical .feature-card__counts{z-index:4;gap:4px;top:50%;right:13px;transform:translateY(-50%);position:absolute!important}.feature-card--critical .feature-card__counts b{min-width:32px;height:26px;padding:0 7px;font-size:12px}.app-shell .order-history-card{background:linear-gradient(145deg,#0b2d4bf0,#061d36e6);box-shadow:0 13px 28px #000a1c45,inset 0 1px #56bde51a;border-color:#399dda61!important}.app-shell .order-history-card header{background:linear-gradient(135deg,#10466cc2,#082745cc);border-bottom:1px solid #399dda38}.app-shell .order-history-card footer{color:#8fc5df;background:#082642c7;border-top:1px solid #399dda2e}.app-shell .history-items>div{border-color:#4a9dc726}.home-welcome{-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#0f3d5ed1,#071f38b3);border:1px solid #5bd2eb3b;border-radius:22px;align-items:center;gap:16px;margin:10px 0 24px;padding:20px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 30px #000a1c40,inset 0 1px #ffffff1a}.home-welcome:after{content:"";background:radial-gradient(circle,#2ed3ed2e,#0000 68%);border-radius:50%;width:190px;height:190px;position:absolute;right:-55px}.home-welcome>span{z-index:1;background:#36c2dd1f;border:1px solid #8ae6f540;border-radius:17px;flex:none;place-items:center;width:54px;height:54px;font-size:28px;display:grid;position:relative}.home-welcome>div{z-index:1;min-width:0;position:relative}.home-welcome small{color:#50d7ea;letter-spacing:.7px;text-transform:uppercase;font-size:10px;font-weight:850}.home-welcome h2{color:#f3fbff;margin:4px 0 3px;font-size:22px}.home-welcome p{color:#9bb9ca;margin:0;font-size:12px;line-height:1.4}.login-page{background:radial-gradient(circle at 88% 14%,#26cdea3b,#0000 28%),radial-gradient(circle at 10% 86%,#1173b533,#0000 32%),linear-gradient(145deg,#06182d,#0b2946 55%,#051426);position:relative;overflow:hidden}.login-page:before,.login-page:after{content:"";pointer-events:none;border:1px solid #4fd2eb1f;border-radius:50%;position:absolute}.login-page:before{width:520px;height:520px;top:-120px;right:-280px;box-shadow:-35px 15px #28bee00f,-70px 30px #2191c70a}.login-page:after{width:360px;height:360px;bottom:-150px;left:-220px;box-shadow:30px -12px #1ea1d00d}.login-card{z-index:2;color:#eaf8ff;-webkit-backdrop-filter:blur(24px)saturate(125%);background:linear-gradient(145deg,#0d304df0,#05192feb);border:1px solid #63cfe83d;position:relative;box-shadow:0 28px 75px #00071685,inset 0 1px #ffffff1f,0 0 35px #27bcdd14}.login-brand{border-color:#66c0da2e}.login-brand img{border:1px solid #6adbef40;box-shadow:0 8px 22px #00000047,0 0 18px #34cdeb1f}.login-brand small{color:#4dd5e9}.login-brand h1,.login-heading h2,.first-password-heading h2{color:#f2fbff}.login-heading p,.first-password-heading p,.login-hint{color:#91afc2}.login-heading>span,.first-password-heading>span{background:#32c1dc1c;border:1px solid #69d6eb33;box-shadow:inset 0 1px #ffffff1a,0 8px 18px #00081833}.login-tabs{background:#0314278c;border:1px solid #58b7d424}.login-tabs button{color:#86a4b8;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.login-tabs button.active{color:#5de0f0;background:linear-gradient(145deg,#1c6991b8,#0d3c5ec7);box-shadow:0 7px 17px #00081838,inset 0 1px #ffffff1a}.login-tabs button:hover{color:#dffaff;transform:translateY(-2px)}.login-tabs button:active{transform:scale(.96)}.login-form label{color:#c3d8e5}.login-form input,.nfc-login-box input{color:#f1fbff;background:linear-gradient(145deg,#092742e6,#051a30d6);border-color:#63c7e133;box-shadow:inset 0 1px #ffffff12,0 8px 18px #00081826}.login-form input::placeholder,.nfc-login-box input::placeholder{color:#6f8da2}.login-form input:focus{border-color:#3dcfe6;box-shadow:0 0 0 4px #3dcfe61f,inset 0 1px #ffffff12}.password-input button{color:#58d8eb;background:#1d5b7d73;border:1px solid #64cbe429}.password-input button:hover{background:#2681a58f}.login-submit,.nfc-login-box .nfc-helper-start{color:#fff;background:linear-gradient(135deg,#20cae7,#167cc9);border:1px solid #ffffff7a;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 12px 26px #0f95cf57,inset 0 1px #ffffff73}.app-shell .nfc-person-icon{background:radial-gradient(circle at 28% 18%,#6ce6f547,#0000 38%),linear-gradient(145deg,#1d6b91e6,#082b48f5);border:1px solid #5ddaef52;border-radius:16px;width:50px;height:50px;position:relative;overflow:hidden;box-shadow:0 9px 20px #0008184d,inset 0 1px #ffffff26,0 0 17px #3ccde81c}.app-shell .nfc-person-icon:after{content:"";pointer-events:none;background:linear-gradient(125deg,#fff3,#0000 35%);position:absolute;inset:0}.app-shell .nfc-actions{gap:8px}.app-shell .nfc-actions button{color:#dff9ff;background:linear-gradient(145deg,#1a5e84e0,#0a3454f0);border:1px solid #5ecce73d;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 12px;transition:transform .2s,box-shadow .2s,filter .2s,border-color .2s;display:flex;box-shadow:0 7px 16px #00081840,inset 0 1px #ffffff1a}.app-shell .nfc-actions button>span{background:#ffffff17;border-radius:8px;place-items:center;width:23px;height:23px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:13px;display:grid}.app-shell .nfc-actions .deactivate{color:#ffe9e7;background:linear-gradient(145deg,#823438e6,#4c1e28f5);border-color:#f4746947}.app-shell .nfc-actions .activate{color:#e2fff1;background:linear-gradient(145deg,#1f7756e6,#10463bf5);border-color:#4dda9e4d}.app-shell .nfc-actions button:not(:disabled):hover{filter:brightness(1.12);border-color:#73e1f494;transform:translateY(-4px);box-shadow:0 14px 26px #00081857,0 0 17px #37d0ea24,inset 0 1px #ffffff24}.app-shell .nfc-actions .deactivate:not(:disabled):hover{border-color:#ff8b8099;box-shadow:0 14px 26px #00081857,0 0 17px #e0534b21}.app-shell .nfc-actions button:not(:disabled):active{transform:translateY(-1px)scale(.94)}.app-shell .nfc-summary{box-shadow:none;background:0 0;border:0!important}.app-shell .nfc-summary>div{background:linear-gradient(145deg,#144c6eeb,#072643f5);border:1px solid #5bd2eb3d;grid-template-rows:auto auto;grid-template-columns:auto 1fr;column-gap:11px;padding:14px;position:relative;overflow:hidden;box-shadow:0 11px 23px #00081842,inset 0 1px #ffffff1c}.app-shell .nfc-summary>div:after{content:"";background:#4cd6ed1a;border-radius:50%;width:70px;height:70px;position:absolute;bottom:-35px;right:-30px}.app-shell .nfc-summary>div>span{color:#66e4f3;background:#50d7ed21;border-radius:12px;grid-row:1/3;align-self:center;place-items:center;width:39px;height:39px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:19px;display:grid;box-shadow:inset 0 1px #ffffff1f}.app-shell .nfc-summary small{color:#9fc5d6;align-self:end}.app-shell .nfc-summary strong{color:#64e1f0;font-size:24px}.app-shell .nfc-summary>.active{background:linear-gradient(145deg,#1a674fe6,#0b3934f5);border-color:#4dda9e45}.app-shell .nfc-summary>.active>span{color:#71f0b7;background:#4ade9e24}.app-shell .nfc-summary>.active strong{color:#78efb9}.app-shell .nfc-summary>.admins{background:linear-gradient(145deg,#533a7eeb,#2b204ff5);border-color:#b37ceb47}.app-shell .nfc-summary>.admins>span{color:#dab4ff;background:#bf89f224}.app-shell .nfc-summary>.admins strong{color:#d6b0fb}.app-shell .nfc-user-card .role-badge,.app-shell .nfc-user-card .status-badge{border:1px solid #74d1e733;border-radius:999px;align-items:center;min-height:25px;padding:5px 10px;display:inline-flex;box-shadow:inset 0 1px #ffffff17,0 5px 12px #00081829}.app-shell .nfc-user-card .role-badge{color:#dce5ff;background:linear-gradient(145deg,#465b9fd1,#2b3468eb)}.app-shell .nfc-user-card .role-admin,.app-shell .nfc-user-card .role-masteradmin{color:#fff4c7;background:linear-gradient(145deg,#b98218,#6f4708);border-color:#ffd24d85;box-shadow:inset 0 1px #ffffff2e,0 5px 13px #653d0447,0 0 12px #f5b82a1f}.app-shell .nfc-user-card .role-medikamente{color:#d8fffa;background:linear-gradient(145deg,#1a7570db,#0d4547f2);border-color:#3ad6c642}.app-shell .nfc-user-card .role-sanlager{color:#e2fbff;background:linear-gradient(145deg,#237e9ae6,#144469f5);border-color:#57d5e45c;box-shadow:inset 0 1px #ffffff24,0 5px 13px #052d4b4d,0 0 12px #46cde01a}.app-shell .nfc-user-card .status-badge.is-active{color:#ddfff0;background:linear-gradient(145deg,#1f7756e6,#10463bf5);border-color:#4dda9e4d}.app-shell .nfc-user-card .status-badge.is-inactive{color:#ffe7e4;background:linear-gradient(145deg,#823438e6,#4c1e28f5);border-color:#f474694d}.app-shell .feature-card--critical .feature-card__counts .red-count{color:#fff1ef;background:linear-gradient(145deg,#a94448,#672833);border:1px solid #ff8b807a;box-shadow:0 8px 17px #430c1357,0 0 13px #eb4f4829,inset 0 1px #ffffff29}.app-shell .feature-card--critical .feature-card__counts .orange-count{color:#fff4df;background:linear-gradient(145deg,#c77625,#7e4218);border:1px solid #ffbc5b7a;box-shadow:0 8px 17px #46230852,0 0 13px #f28f2526,inset 0 1px #ffffff29}@media (width<=560px){.app-shell .nfc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .nfc-summary>.admins{grid-column:1/-1}}.vehicle-stock-panel{grid-template-columns:1fr;gap:14px;margin:16px 0;display:grid}.vehicle-type-picker{background:linear-gradient(145deg,#0f415bd1,#072239e6);border:1px solid #4cd3da33;border-radius:20px;gap:10px;width:min(100%,620px);padding:14px;display:grid;box-shadow:0 10px 24px #000d1d3d,inset 0 1px #ffffff12}.vehicle-type-picker>strong{color:#dffaff;font-size:13px}.vehicle-type-picker>div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.vehicle-type-picker button{color:#b8dde6;background:#124560b3;border:1px solid #5acbdb33;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-height:46px;font-weight:900;display:flex}.vehicle-type-picker button:hover{filter:brightness(1.1);transform:translateY(-3px)}.vehicle-type-picker button:active{transform:translateY(-1px)scale(.96)}.vehicle-type-picker button.active{color:#f1fffb;background:linear-gradient(145deg,#238f7d,#14586e);border-color:#55e5cd7a;box-shadow:0 8px 18px #0e696747,0 0 13px #39dec41f}.vehicle-search{min-height:100%;margin:0}.vehicle-scan-tools{grid-template-columns:minmax(260px,500px) 220px;justify-content:start;align-items:stretch;gap:10px;display:grid}.vehicle-scan-tools .vehicle-search{width:100%;min-height:58px}.vehicle-scan-tools .vehicle-camera-button{width:220px;min-width:0;margin:0}.vehicle-search-results,.vehicle-selection-list{gap:10px;display:grid}.vehicle-search-results{overscroll-behavior:contain;max-height:430px;padding:3px;overflow-y:auto}.vehicle-stock-row{background:linear-gradient(145deg,#0f3956e0,#061f36eb);border-color:#4cc2d92b;grid-template-columns:auto minmax(0,1fr) auto}.vehicle-stock-row.selected{border-color:#4bddbe40}.vehicle-article-icon{background:linear-gradient(145deg,#47cedb38,#226fa03d);border-radius:14px;place-items:center;width:43px;height:43px;font-size:21px;display:grid}.vehicle-selection-heading{margin-top:22px}.vehicle-submit-button{background:linear-gradient(145deg,#238f7d,#154d76);border-color:#5ae7cd5c}.vehicle-confirm-modal .order-confirm-icon{background:linear-gradient(145deg,#35d3b842,#2774b53d)}@media (width<=760px){.vehicle-stock-panel{grid-template-columns:1fr}.vehicle-search{min-height:58px}.vehicle-scan-tools{grid-template-columns:1fr}.vehicle-scan-tools .vehicle-camera-button{width:100%;min-width:0}}@media (width<=520px){.vehicle-stock-row{grid-template-columns:auto 1fr;align-items:start}.vehicle-stock-row .quantity-controls{grid-column:1/-1;justify-self:end}.vehicle-type-picker>div{gap:6px}.vehicle-type-picker button{padding:8px 5px}}.app-shell .nfc-toolbar>button{color:#fff5ff;background:linear-gradient(145deg,#9155cf,#57318f);border:1px solid #d39dff7a;box-shadow:0 10px 22px #2d125357,0 0 16px #ae5be726,inset 0 1px #fff3}.app-shell .nfc-toolbar>button:not(:disabled):hover{background:linear-gradient(145deg,#a764e3,#6638a5);border-color:#e2b9ffb8;box-shadow:0 15px 28px #260f4966,0 0 20px #bc67ef33,inset 0 1px #ffffff3d}.app-shell .view-order .list,.app-shell .view-summary .list{background:linear-gradient(145deg,#0a2b48e0,#051b32eb);border:1px solid #56c8de33;box-shadow:0 16px 31px #00081845,inset 0 1px #ffffff12}.app-shell .view-order .list-row,.app-shell .view-summary .list-row{background:linear-gradient(145deg,#113d5cc2,#082541d1);border-color:#63c3da24}.app-shell .view-order .list-row:nth-child(2n),.app-shell .view-summary .list-row:nth-child(2n){background:linear-gradient(145deg,#0e3654c7,#07203adb)}.app-shell .quantity-controls{background:linear-gradient(145deg,#124e46e6,#083033f0);border:1px solid #4accad3d;box-shadow:inset 0 1px #ffffff1a,0 7px 16px #00081838}.app-shell .quantity-controls button{color:#ddfff4;background:linear-gradient(145deg,#257f66e6,#13524bf5);border:1px solid #5ee1be38;box-shadow:0 4px 10px #00101a3d,inset 0 1px #ffffff1f}.app-shell .quantity-controls button:not(:disabled):hover{background:linear-gradient(145deg,#2e9775f0,#166054fa);border-color:#77f1cd85}.app-shell .quantity-controls button:not(:disabled):active{background:linear-gradient(145deg,#206f5cf5,#0f4541fa)}.app-shell .quantity-controls output{color:#e8fff8;text-shadow:0 0 10px #5ceec233}.app-shell .view-summary .qty{color:#ddfff0;background:linear-gradient(145deg,#1f7756e6,#10463bf5);border:1px solid #5cdcbb4d;border-radius:11px;place-items:center;min-width:39px;min-height:34px;padding:0 9px;display:grid;box-shadow:0 6px 14px #000f183b,inset 0 1px #ffffff1a}.app-shell .stock-management{background:linear-gradient(145deg,#082641b8,#051b32d1);border:1px solid #5ec5de2e;border-radius:17px;padding:8px;box-shadow:inset 0 1px #ffffff0f}.app-shell .stock-add-box{background:linear-gradient(145deg,#134565e6,#092b48f2);border-color:#63cce533;box-shadow:0 7px 17px #00081833,inset 0 1px #ffffff14}.app-shell .stock-add-box label{color:#acd0df}.app-shell .stock-add-box input{color:#f0fbff;background:linear-gradient(145deg,#082743f2,#051c33fa);border-color:#69cfe73d;box-shadow:inset 0 1px 4px #00081847}.app-shell .stock-add-box input:focus{border-color:#5edcf094;outline:none;box-shadow:0 0 0 3px #41cde51a,inset 0 1px 4px #00081840}.app-shell .stock-add-box button{color:#effcff;background:linear-gradient(145deg,#248fb2,#176487);border:1px solid #71e0f252;box-shadow:0 7px 15px #00142647,inset 0 1px #ffffff29}.app-shell .current-stock{background:linear-gradient(145deg,#19654de6,#0b3a35f5);border-color:#4dda9e40;box-shadow:0 7px 17px #00081838,inset 0 1px #ffffff1a}.app-shell .current-stock small{color:#a7dac5}.app-shell .current-stock strong{color:#7cf0ba;text-shadow:0 0 13px #4be0a22e}.app-shell .nfc-modal{background:radial-gradient(circle at 90% 0,#954fcd2e,#0000 30%),linear-gradient(145deg,#123654fa,#071c34fa);border-color:#c07eef4d}.app-shell .nfc-modal .form-title{border-bottom:1px solid #a873da33;padding-bottom:13px}.app-shell .nfc-modal .modal-title-icon{background:linear-gradient(145deg,#7e4caedb,#432770f0);border:1px solid #cd98f94d;box-shadow:0 7px 16px #19083247,inset 0 1px #ffffff24}.app-shell .nfc-modal label{color:#c4dce7}.app-shell .nfc-modal input,.app-shell .nfc-modal select{color:#f4fbff;background:linear-gradient(145deg,#0c2b48fa,#061c34fa);border-color:#9971d047;box-shadow:inset 0 1px 4px #0007144d}.app-shell .nfc-modal input:focus,.app-shell .nfc-modal select:focus{border-color:#ca91f49e;box-shadow:0 0 0 3px #9d57cf21,inset 0 1px 4px #00071440}.app-shell .nfc-modal .avatar-picker{background:#071f388a;border-color:#9c6ed140}.app-shell .nfc-modal .avatar-picker legend{color:#c6dce7}.app-shell .nfc-modal .avatar-picker button{color:#9ebccc;background:linear-gradient(145deg,#123d5be0,#082540eb);border-color:#66bed61f}.app-shell .nfc-modal .avatar-picker button.selected{color:#fff2ff;background:linear-gradient(145deg,#824bb4e6,#442770f5);border-color:#d39dff94;box-shadow:0 0 0 3px #ad65e21a,0 7px 16px #19083240}.app-shell .nfc-modal .nfc-security-note{color:#ffe7a2;background:linear-gradient(145deg,#664a169e,#3d2d12b8);border:1px solid #ecc14f38}.app-shell .nfc-modal .save-button{color:#fff6ff;background:linear-gradient(145deg,#9155cf,#57318f);border:1px solid #d8a1ff80;box-shadow:0 9px 20px #240d4557,inset 0 1px #ffffff2e}.app-shell .statistics-rank{color:#dffaff;background:linear-gradient(145deg,#1c6991e6,#0c3758f5);border:1px solid #5bd2eb4d;box-shadow:0 7px 16px #0008183d,inset 0 1px #ffffff1f}.app-shell .statistics-row.rank-1 .statistics-rank{color:#fff5c7;background:linear-gradient(145deg,#bd8a20,#704707);border-color:#ffd65b8c;box-shadow:0 7px 16px #4d2d034d,0 0 12px #f1b82f21}.app-shell .statistics-row.rank-2 .statistics-rank{color:#e6fbff;background:linear-gradient(145deg,#287fa6,#174c72);border-color:#6addef73}.app-shell .statistics-row.rank-3 .statistics-rank{color:#fff0d6;background:linear-gradient(145deg,#b96723,#713b18);border-color:#ffb7577a}.app-shell .article-data-list .list-row{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.app-shell .article-data-icon{background:linear-gradient(145deg,#1b6186db,#0c3454f0);border:1px solid #5bd2eb38;border-radius:12px;place-items:center;width:40px;height:40px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;display:grid;box-shadow:0 6px 14px #00081838,inset 0 1px #ffffff1a}.app-shell .article-data-list .stock{color:#e0fff1;background:linear-gradient(145deg,#1f7756e6,#10463bf5);border:1px solid #4dda9e47;border-radius:13px;gap:1px;min-width:68px;height:auto;min-height:45px;padding:6px 10px;display:grid;box-shadow:0 7px 16px #0008183b,inset 0 1px #ffffff1a}.app-shell .article-data-list .stock small{color:#b3dfcb;text-transform:uppercase;margin:0;font-size:8px}.app-shell .article-data-list .stock b{font-size:18px}.app-shell .article-data-list .stock.warning{color:#fff2dd;background:linear-gradient(145deg,#ba6e24,#713c17);border-color:#ffbc5b75}.app-shell .article-data-list .stock.warning small{color:#f8d5a9}.app-shell .article-data-list .stock.danger{color:#fff0ee;background:linear-gradient(145deg,#a94448,#672833);border-color:#ff8b8075}.app-shell .article-data-list .stock.danger small{color:#f3bbb7}.app-shell .urgency-legend .red{color:#ffe9e6;background:linear-gradient(145deg,#9e4146,#612731);border:1px solid #ff897e66;box-shadow:0 6px 14px #360a1140}.app-shell .urgency-legend .orange{color:#fff0d8;background:linear-gradient(145deg,#b96b22,#713b16);border:1px solid #ffb9586b;box-shadow:0 6px 14px #391c053d}.app-shell .critical-list{background:linear-gradient(145deg,#381925b8,#1e1623c2);border-color:#cf625a38;box-shadow:0 16px 32px #00081845,inset 0 1px #ffffff0f}.app-shell .critical-row.red{background:linear-gradient(100deg,#70272fe0,#311b28e6);border-color:#f06f662e!important}.app-shell .critical-row.orange{background:linear-gradient(100deg,#6f3e19db,#32231ce6);border-color:#f09b372e!important}.app-shell .critical-indicator{background:#ffffff12;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:inset 0 1px #ffffff1a,0 6px 14px #00081833}.app-shell .critical-row .remaining{border:1px solid #ffffff21;box-shadow:0 7px 15px #0008183b,inset 0 1px #ffffff1a}.app-shell .critical-row.red .remaining{color:#fff0ee;background:linear-gradient(145deg,#a94448,#672833)}.app-shell .critical-row.orange .remaining{color:#fff0dc;background:linear-gradient(145deg,#ba6e24,#713c17)}@media (width<=480px){.app-shell .article-data-list .list-row{grid-template-columns:auto minmax(0,1fr) auto;padding-inline:11px}.app-shell .article-data-list .stock{min-width:59px;padding-inline:7px}}.app-shell .account-card{background:linear-gradient(145deg,#0d304df0,#05192ff5);overflow:hidden;box-shadow:0 18px 38px #0008184d,inset 0 1px #ffffff17;border-color:#71d2e83d!important}.app-shell .account-profile{background:radial-gradient(circle at 92% 15%,#9f58d333,#0000 34%),linear-gradient(145deg,#413169eb,#182d4df0);border-bottom:1px solid #bc81eb38;position:relative;overflow:hidden}.app-shell .account-profile:after{content:"";background:#cd97f814;border-radius:50%;width:130px;height:130px;position:absolute;bottom:-76px;right:-58px}.app-shell .account-profile>span{z-index:1;background:linear-gradient(145deg,#844db5eb,#442770fa);border:1px solid #d29df957;position:relative;box-shadow:0 9px 20px #1b08364d,inset 0 1px #ffffff29,0 0 16px #b565e721}.app-shell .account-profile>div{z-index:1;position:relative}.app-shell .account-profile small{color:#c6a6de}.app-shell .account-profile strong{color:#fff5ff}.app-shell .account-profile p{color:#b8cddd}.app-shell .account-card form{background:linear-gradient(145deg,#0a2844b8,#051b32cc)}.app-shell .account-card form h2{color:#effbff;border-bottom:1px solid #6ccae129;padding-bottom:10px}.app-shell .account-card form label{color:#c2d9e4}.app-shell .account-card form input{color:#f4fbff;background:linear-gradient(145deg,#0a2945fa,#051b33fa);border-color:#8d6ac64d;box-shadow:inset 0 1px 4px #0007144d}.app-shell .account-card form input:focus{border-color:#ca91f49e;box-shadow:0 0 0 3px #9d57cf21,inset 0 1px 4px #00071440}.app-shell .account-card form>button{color:#fff6ff;background:linear-gradient(145deg,#9155cf,#57318f);border:1px solid #d8a1ff80;justify-self:start;width:min(100%,220px);min-height:42px;box-shadow:0 10px 22px #240d4557,0 0 15px #ae5be71f,inset 0 1px #ffffff2e}.app-shell .account-card form>button:not(:disabled):hover{background:linear-gradient(145deg,#a764e3,#6638a5);border-color:#e6c0ffb8}.app-shell .account-message{color:#ddfaff;background:linear-gradient(145deg,#196689b8,#0d3b5bd1);border:1px solid #5bd2eb38}.app-shell .log-list{background:linear-gradient(145deg,#082540e6,#04182ef0);border:1px solid #64c7df33;border-radius:20px;overflow:hidden;box-shadow:0 17px 34px #00081847,inset 0 1px #ffffff0f}.app-shell .log-entry{cursor:pointer;background:linear-gradient(145deg,#113b59b8,#08243fcc);border-color:#63bed621;outline:none;grid-template-columns:126px minmax(0,1fr);align-items:center;transition:transform .2s,border-color .2s,box-shadow .2s,filter .2s}.app-shell .log-entry:nth-child(2n){background:linear-gradient(145deg,#163658c7,#0b203dd6)}.app-shell .log-entry time{color:#e0fbff;text-align:center;background:linear-gradient(145deg,#1d6f94e6,#0d3b5bf5);border:1px solid #5fd6ec4d;border-radius:12px;place-items:center;min-height:43px;padding:7px 9px;display:grid;box-shadow:0 7px 16px #00081838,inset 0 1px #ffffff1a}.app-shell .log-entry:nth-child(3n+2) time{color:#f1e5ff;background:linear-gradient(145deg,#674396e6,#3b2764f5);border-color:#c28bf24d}.app-shell .log-entry:nth-child(3n) time{color:#e0fff1;background:linear-gradient(145deg,#1f7756e6,#10463bf5);border-color:#4dda9e4d}.app-shell .log-entry strong{color:#f2fbff}.app-shell .log-entry p{color:#b8ceda;line-height:1.45}.app-shell .log-entry small{color:#ffe7a2;background:linear-gradient(145deg,#664a168c,#3d2d12ad);border:1px solid #ecc14f33;border-radius:999px;width:max-content;max-width:100%;padding:4px 8px}.app-shell .log-entry:hover,.app-shell .log-entry:focus-visible{z-index:1;filter:brightness(1.08);border-color:#64d7ec5c;position:relative;transform:translateY(-2px);box-shadow:0 12px 24px #00081847,0 0 16px #43cfe81a}.app-shell .log-entry:active{transform:translateY(0)scale(.99)}.app-shell .log-open-hint{color:#58d8eb;letter-spacing:.2px;margin-top:8px;font-size:10px;font-weight:850;display:block}.app-shell .log-detail-modal{background:radial-gradient(circle at 92% 4%,#47c9e629,#0000 30%),linear-gradient(145deg,#0f3552fa,#05192ffa);border-color:#75d6eb4d;width:min(100%,520px);padding:22px}.app-shell .log-detail-modal .form-title{border-bottom:1px solid #68cce32e;padding-bottom:13px}.app-shell .log-detail-modal .modal-title-icon{background:linear-gradient(145deg,#1d6f94e6,#0d3b5bf5);border:1px solid #67d8ed4d;box-shadow:0 7px 16px #0008183d,inset 0 1px #ffffff1f}.app-shell .log-detail-action,.app-shell .log-detail-change{background:linear-gradient(145deg,#113d5cbd,#082541d1);border:1px solid #67cce42e;border-radius:15px;margin-top:14px;padding:14px;box-shadow:inset 0 1px #ffffff12}.app-shell .log-detail-modal small{color:#78cfe0;letter-spacing:.55px;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:850;display:block}.app-shell .log-detail-action strong{color:#f4fbff;font-size:17px}.app-shell .log-detail-change p{color:#c5dce6;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}.app-shell .log-detail-meta{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.app-shell .log-detail-meta>div{background:linear-gradient(145deg,#54387eb3,#2c244ec7);border:1px solid #cb9def33;border-radius:14px;padding:12px}.app-shell .log-detail-meta strong,.app-shell .log-detail-meta time{color:#f2e8ff;font-size:11px;font-weight:800}.app-shell .log-detail-close{color:#effcff;background:linear-gradient(145deg,#248fb2,#176487);border:1px solid #75def161;border-radius:12px;width:150px;min-height:41px;margin:16px 0 0 auto;font-weight:850;display:block;box-shadow:0 8px 17px #00112245,inset 0 1px #ffffff24}@media (width<=560px){.app-shell .log-entry{grid-template-columns:1fr;gap:10px}.app-shell .log-entry time{justify-self:start;width:max-content;min-height:34px}.app-shell .log-detail-meta{grid-template-columns:1fr}.app-shell .log-detail-close{width:100%}}.app-shell .admin-identity{color:#effbff;background:radial-gradient(circle at 92% 12%,#a55cd933,#0000 34%),linear-gradient(145deg,#3f2f66eb,#112b4af2);border:1px solid #cd97f847;border-radius:18px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:15px 17px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 29px #00081845,inset 0 1px #ffffff1a}.app-shell .admin-identity:after{content:"";background:#d7a3fc12;border-radius:50%;width:125px;height:125px;position:absolute;bottom:-72px;right:-45px}.app-shell .admin-identity .admin-identity-label{z-index:1;color:#c6a8dc;letter-spacing:.65px;text-transform:uppercase;margin:0;font-size:10px;font-weight:850;position:relative}.app-shell .admin-person{z-index:1;justify-self:end;gap:11px;position:relative}.app-shell .admin-person>div{justify-items:end;gap:5px;display:grid}.app-shell .admin-person strong{color:#fff7ff;font-size:15px}.app-shell .admin-firefighter-icon{background:linear-gradient(145deg,#844db5eb,#442770fa);border-color:#d69ffb57;border-radius:15px;width:48px;height:48px;box-shadow:0 9px 20px #1b08364d,inset 0 1px #ffffff29,0 0 16px #b565e721}.app-shell .admin-role-badge{color:#fff4c7;background:linear-gradient(145deg,#b98218,#6f4708);border:1px solid #ffd24d80;border-radius:999px;align-items:center;min-height:23px;padding:4px 9px;font-size:9px;font-weight:850;display:inline-flex;box-shadow:inset 0 1px #ffffff2b,0 5px 12px #482a0342,0 0 10px #f5b82a1a}@media (width<=520px){.app-shell .admin-identity{grid-template-columns:1fr}.app-shell .admin-person{justify-self:stretch;width:100%}.app-shell .admin-person>div{justify-items:start}}.app-shell .view-order .instruction-card{color:#e4fff5;background:radial-gradient(circle at 92% 10%,#3fd5ae21,#0000 30%),linear-gradient(145deg,#124e46db,#082d32eb);border:1px solid #4cd5a938;box-shadow:0 13px 27px #0008183b,inset 0 1px #ffffff17}.app-shell .view-order .instruction-card strong{color:#effff9}.app-shell .view-order .instruction-card span{color:#aad8c8}.app-shell .order-search-tools{background:linear-gradient(145deg,#082a3ed1,#051c31e6);border:1px solid #55d2be33;border-radius:19px;grid-template-columns:minmax(0,1fr) 260px;align-items:stretch;gap:11px;margin:16px 0 13px;padding:8px;display:grid;box-shadow:0 14px 29px #00081840,inset 0 1px #ffffff0f}.app-shell .view-order .scan-form{width:100%;margin:0;position:relative}.app-shell .view-order .scan-form .order-search-icon{z-index:2;color:#66e0bc;pointer-events:none;background:#4ad5b31c;border-radius:10px;place-items:center;width:32px;height:32px;font-size:20px;display:grid;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.app-shell .view-order .scan-form input{color:#f1fffb;background:linear-gradient(145deg,#0e3b48f5,#072539fa);border-color:#5bdcbd3d;border-radius:14px;width:100%;min-height:58px;padding-left:55px;box-shadow:inset 0 1px 5px #0009154d}.app-shell .view-order .scan-form input:focus{border-color:#63edc994;box-shadow:0 0 0 3px #43d8b21c,inset 0 1px 5px #00091540}.app-shell .order-search-tools .barcode-camera-button{color:#effff9;background:linear-gradient(145deg,#248f70,#155b58);border:1px solid #6aefc657;border-radius:14px;width:100%;min-height:58px;margin:0;box-shadow:0 8px 18px #00131c47,inset 0 1px #ffffff29}.app-shell .order-search-tools .barcode-camera-button>span:first-child{background:#ffffff1a;border:1px solid #ffffff1f}.app-shell .order-search-tools .barcode-camera-button small{color:#b9e7d8}.app-shell .order-search-tools .barcode-camera-button:not(:disabled):hover{background:linear-gradient(145deg,#2ba681,#196b64);border-color:#82f8d394;box-shadow:0 14px 26px #00121b57,0 0 17px #41dcb221,inset 0 1px #ffffff2e}.app-shell .order-search-results{background:linear-gradient(145deg,#0a323fe6,#051e32f0);border-color:#4dda9e33;box-shadow:0 14px 28px #00081840,inset 0 1px #ffffff0f}.app-shell .order-search-results button{color:#eafff8;background:linear-gradient(145deg,#12464de0,#082b3df0);border:1px solid #54d2b224;box-shadow:0 5px 12px #00081833,inset 0 1px #ffffff12}.app-shell .order-search-results button>span:first-child{background:#37b89521;border:1px solid #5be1bd33}.app-shell .order-search-results strong{color:#effff9}.app-shell .order-search-results small{color:#a9cfc2}.app-shell .order-search-results b{color:#effff9;background:linear-gradient(145deg,#278c6b,#176058);border:1px solid #70edc947}.app-shell .view-order .section-heading{margin-top:20px;padding:0 2px}.app-shell .view-order .section-heading h2{color:#effff9}.app-shell .view-order .section-heading button{color:#ffe9e7;background:linear-gradient(145deg,#823438e6,#4c1e28f5);border-color:#f4746947}.app-shell .view-order .order-article-icon{background:linear-gradient(145deg,#1f7756e0,#10463bf5);border:1px solid #5bdebb38;box-shadow:0 6px 14px #00081838,inset 0 1px #ffffff1a}.app-shell .view-order .submit-order-button{background:linear-gradient(145deg,#248f70,#155b58);border-color:#6cefc861;box-shadow:0 10px 22px #00121b4d,0 0 15px #41dcb21a,inset 0 1px #ffffff29}.app-shell .view-order .submit-order-button:disabled{color:#7e9a9d;opacity:.72;background:linear-gradient(145deg,#354c52c2,#20323bd6);border-color:#73949929}@media (width<=700px){.app-shell .order-search-tools{grid-template-columns:1fr}.app-shell .order-search-tools .barcode-camera-button{width:100%}}.app-shell .critical-actions{align-items:stretch;gap:8px;display:flex}.app-shell .critical-actions>button{color:#effff9;background:linear-gradient(145deg,#248f70,#155b58);border:1px solid #6cefc857;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:45px;padding:0 12px;font-size:11px;font-weight:850;display:flex;box-shadow:0 7px 16px #000f1945,inset 0 1px #ffffff24}.app-shell .critical-actions>button>span{font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:14px}.app-shell .critical-row.red .critical-actions>button{color:#fff0ee;background:linear-gradient(145deg,#a94448,#672833);border-color:#ff8b8066}.app-shell .critical-row.orange .critical-actions>button{color:#fff2dd;background:linear-gradient(145deg,#ba6e24,#713c17);border-color:#ffbc5b6b}.app-shell .critical-actions>button:not(:disabled):hover{filter:brightness(1.14);box-shadow:0 12px 23px #00081852,0 0 14px #ff8c5a1a}.app-shell .critical-actions .remaining{flex:none;align-content:center;display:grid}.app-shell .live-sync-note{color:#ddfff0;letter-spacing:.2px;background:linear-gradient(145deg,#1f7756db,#10463bf0);border:1px solid #4dda9e4d;border-radius:999px;width:max-content;max-width:100%;min-height:29px;margin:0 0 10px;padding:5px 10px;font-size:9px;box-shadow:0 6px 14px #00081833,inset 0 1px #ffffff1a}.app-shell .live-sync-note span{color:#78efb9;text-shadow:0 0 8px #56efb280}.app-shell .order-date-filter{background:linear-gradient(145deg,#0d304de6,#061d35eb);grid-template-columns:auto minmax(150px,1fr) minmax(150px,1fr) auto;gap:8px;padding:9px 10px;box-shadow:0 11px 23px #00081838,inset 0 1px #ffffff12;border-color:#5ec5de33!important}.app-shell .order-date-filter>div{color:#61d8eb;padding:0 6px 0 2px}.app-shell .order-date-filter>div span{font-size:22px}.app-shell .order-date-filter>div strong{color:#dff8ff;font-size:11px}.app-shell .order-date-filter label{color:#9fc3d4;gap:3px;font-size:9px}.app-shell .order-date-filter input{color:#f1fbff;background:linear-gradient(145deg,#0a2945fa,#051b33fa);border-color:#65cde63d;border-radius:12px;height:47px;padding:0 12px;font-size:13px}.app-shell .order-date-filter>button{color:#ffe9e7;background:linear-gradient(145deg,#823438e6,#4c1e28f5);border-color:#f4746947;min-height:43px;padding:0 12px}@media (width<=760px){.app-shell .order-date-filter{grid-template-columns:1fr 1fr}.app-shell .order-date-filter>div,.app-shell .order-date-filter>button{grid-column:1/-1}}@media (width<=620px){.app-shell .critical-row{grid-template-columns:auto minmax(0,1fr)}.app-shell .critical-actions{grid-column:1/-1;justify-content:flex-end}.app-shell .critical-actions>button{flex:1}}.app-shell .statistics-summary{box-shadow:none;background:0 0;border:0}.app-shell .statistics-summary>div{background:linear-gradient(145deg,#144c6eeb,#072643f5);border:1px solid #5bd2eb40;padding:15px;position:relative;overflow:hidden;box-shadow:0 11px 23px #00081842,inset 0 1px #ffffff1c}.app-shell .statistics-summary>div:after{content:"";background:#4cd6ed17;border-radius:50%;width:78px;height:78px;position:absolute;bottom:-38px;right:-28px}.app-shell .statistics-summary>div>span{z-index:1;background:#50d7ed21;border-radius:13px;place-items:center;width:42px;height:42px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f}.app-shell .statistics-summary small,.app-shell .statistics-summary strong{z-index:1;position:relative}.app-shell .statistics-summary small{color:#a6c8d8}.app-shell .statistics-summary strong{color:#68e1f0}.app-shell .statistics-summary>div:nth-child(2){background:linear-gradient(145deg,#1a674fe6,#0b3934f5);border-color:#4dda9e45}.app-shell .statistics-summary>div:nth-child(2)>span{background:#4ade9e24}.app-shell .statistics-summary>div:nth-child(2) strong{color:#78efb9}.app-shell .critical-order-modal{background:radial-gradient(circle at 92% 3%,#dd73352b,#0000 30%),linear-gradient(145deg,#3b2631fa,#181b2bfa);border-color:#f0965b4d;width:min(100%,480px);padding:22px}.app-shell .critical-order-modal .form-title{border-bottom:1px solid #e6844833;padding-bottom:13px}.app-shell .critical-order-modal .modal-title-icon{background:linear-gradient(145deg,#b96b22,#713b16);border:1px solid #ffb15b57;box-shadow:0 7px 16px #30170447,inset 0 1px #ffffff24}.app-shell .critical-order-product{background:linear-gradient(145deg,#683625b8,#372428d1);border:1px solid #f08b5133;border-radius:15px;align-items:center;gap:12px;margin-top:15px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff12}.app-shell .critical-order-product>span{background:#ffffff14;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-family:Segoe UI Emoji,Apple Color Emoji,sans-serif;font-size:20px;display:grid}.app-shell .critical-order-product>div{min-width:0}.app-shell .critical-order-product strong,.app-shell .critical-order-product small{display:block}.app-shell .critical-order-product strong{color:#fff7f0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-shell .critical-order-product small{color:#e2bda5;margin-top:4px}.app-shell .critical-quantity-label{color:#f0d8c8;gap:7px;margin-top:15px;font-size:11px;font-weight:850;display:grid}.app-shell .critical-quantity-label input{color:#fff8f2;background:linear-gradient(145deg,#41282cf5,#231f2bfa);border:1px solid #ffae6359;border-radius:13px;outline:none;width:100%;min-height:52px;padding:0 14px;font-size:20px;font-weight:850;box-shadow:inset 0 1px 5px #0007144d}.app-shell .critical-quantity-label input:focus{border-color:#ffbe75a8;box-shadow:0 0 0 3px #e682401f,inset 0 1px 5px #00071440}.app-shell .critical-add-order-button{color:#effff9;background:linear-gradient(145deg,#248f70,#155b58);box-shadow:0 9px 19px #00121b4d,inset 0 1px #ffffff26;border:1px solid #6cefc861!important}@media (width<=480px){.app-shell .critical-order-modal .modal-actions{grid-template-columns:1fr;display:grid}.app-shell .critical-order-modal .modal-actions button{width:100%}}.app-shell .bottom-nav .nav-order,.floating-bottom-nav .nav-order{position:relative}.app-shell .bottom-nav .nav-notification,.floating-bottom-nav .nav-notification{z-index:3;color:#fff;pointer-events:none;background:linear-gradient(145deg,#ff665e,#c92835);border:2px solid #071d35;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:10px;font-weight:900;line-height:1;animation:1.5s ease-in-out infinite alternate order-notification-glow;display:grid;position:absolute;top:3px;left:calc(50% + 10px);box-shadow:0 5px 12px #790c1a61,0 0 14px #ff4b4661,inset 0 1px #ffffff47}@keyframes order-notification-glow{0%{filter:brightness();transform:scale(1);box-shadow:0 5px 12px #790c1a57,0 0 8px #ff4b463d,inset 0 1px #ffffff40}to{filter:brightness(1.12);transform:scale(1.08);box-shadow:0 7px 15px #790c1a6b,0 0 18px #ff4b4685,inset 0 1px #ffffff57}}@media (prefers-reduced-motion:reduce){.app-shell .bottom-nav .nav-notification,.floating-bottom-nav .nav-notification{animation:none}}.app-shell .admin-gate{color:#effbff;background:radial-gradient(circle at 50% 37%,#32cfea29,#0000 28%),radial-gradient(circle at 92% 8%,#9c58d229,#0000 30%),linear-gradient(145deg,#0a2b48f5,#04172dfa);border:1px solid #86d4ea38;min-height:390px;position:relative;overflow:hidden;box-shadow:0 20px 43px #00081852,inset 0 1px #ffffff14}.app-shell .admin-gate:before,.app-shell .admin-gate:after{content:"";pointer-events:none;border:1px solid #5cd3eb14;border-radius:50%;position:absolute}.app-shell .admin-gate:before{width:250px;height:250px;top:42%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 35px #48cbe606,0 0 0 70px #48cbe605}.app-shell .admin-gate:after{width:170px;height:170px;bottom:-80px;right:-90px}.app-shell .admin-gate>*{z-index:1;position:relative}.app-shell .admin-gate h2{color:#f3fbff;letter-spacing:-.25px;font-size:22px}.app-shell .admin-gate p{color:#9ab9ca;font-size:12px}.app-shell .admin-loader{-webkit-backdrop-filter:blur(15px);background:linear-gradient(145deg,#134160cc,#07233de0);border:1px solid #6ddbef38;border-radius:27px;align-content:center;min-width:150px;min-height:132px;padding:17px 25px 13px;position:relative;box-shadow:0 16px 31px #0008184d,inset 0 1px #ffffff17,0 0 24px #38cbe714}.app-shell .admin-loader:after{content:"";filter:blur(4px);background:#000a1961;border-radius:50%;height:7px;animation:.82s ease-in-out infinite alternate duck-shadow;position:absolute;bottom:34px;left:27px;right:27px}.app-shell .loader-duck{z-index:2;filter:drop-shadow(0 8px 8px #0009154d)drop-shadow(0 0 9px #ffd3361f)}.app-shell .duck-head,.app-shell .duck-body{background:linear-gradient(145deg,#ffe965,#f5c826);box-shadow:inset 3px 3px #fff3,inset -5px -5px #b6770021}.app-shell .duck-body:before{border-right-color:#f8d43a}.app-shell .duck-wing{background:linear-gradient(145deg,#eebc20,#c98b0c);box-shadow:inset 1px 1px #ffffff29}.app-shell .duck-head:after,.app-shell .duck-foot{background:linear-gradient(145deg,#ff9b35,#e66d1f)}.app-shell .loader-dots{z-index:3;gap:7px;position:relative}.app-shell .loader-dots i{background:#56d8eb;border:1px solid #7ee7f759;width:8px;height:8px;box-shadow:0 0 9px #48d7ed6b}.app-shell .loader-dots i:nth-child(2){background:#b67bea;border-color:#d2a1f95c;box-shadow:0 0 9px #b167e566}.app-shell .loader-dots i:nth-child(3){background:#efc34d;border-color:#ffde7c61;box-shadow:0 0 9px #efb83466}.app-shell .gate-icon{color:#ffeae7;background:linear-gradient(145deg,#843339e6,#4a1d28f5);border:1px solid #f0736947;box-shadow:0 9px 20px #00081842,0 0 15px #e54c461a,inset 0 1px #ffffff1f}.app-shell .admin-gate>button{color:#effcff;background:linear-gradient(145deg,#248fb2,#176487);border:1px solid #69d8ed52;box-shadow:0 8px 18px #00112245,inset 0 1px #ffffff24}@keyframes duck-shadow{0%{opacity:.48;transform:scaleX(.88)}to{opacity:.28;transform:scaleX(1.08)}}@media (prefers-reduced-motion:reduce){.app-shell .admin-loader:after{animation:none}}.app-shell .stock-confirm-modal{background:radial-gradient(circle at 90% 3%,#3dd8ac29,#0000 31%),linear-gradient(145deg,#0f384efa,#051c31fa);border-color:#4dda9e47;width:min(100%,540px);padding:24px;box-shadow:0 28px 72px #00081880,inset 0 1px #ffffff1c}.app-shell .stock-confirm-icon{background:linear-gradient(145deg,#1f7756eb,#10463bfa);border:1px solid #5be2bd52;box-shadow:0 9px 20px #000c1747,0 0 15px #44dcb11f,inset 0 1px #ffffff26}.app-shell .stock-confirm-modal h2{color:#effff9}.app-shell .stock-confirm-modal p{color:#bdd8d2}.app-shell .stock-confirm-modal p strong{color:#f3fffb}.app-shell .stock-confirm-modal>small{color:#91b8b1}.app-shell .stock-calculation{grid-template-columns:minmax(80px,1fr) auto minmax(80px,1fr) auto minmax(105px,1.2fr);gap:8px;margin:19px 0 6px;display:grid}.app-shell .stock-calc-box{background:linear-gradient(145deg,#11415ce0,#082742f0);border:1px solid #61c8e033;border-radius:14px;align-content:center;place-items:center;gap:4px;min-width:0;min-height:70px;padding:9px;display:grid;box-shadow:0 7px 16px #00081836,inset 0 1px #ffffff14}.app-shell .stock-calc-box small{color:#9cc2d0;letter-spacing:.4px;text-transform:uppercase;margin:0;font-size:8px;font-weight:850}.app-shell .stock-calc-box strong{color:#eafaff;font-size:22px}.app-shell .stock-calc-box.added{background:linear-gradient(145deg,#1c6991e6,#0c3758f5);border-color:#5bd2eb45}.app-shell .stock-calc-box.result{background:linear-gradient(145deg,#1f7756f0,#10463bfa);border-color:#4dda9e57;box-shadow:0 8px 18px #000c1740,0 0 13px #44dcb11a,inset 0 1px #ffffff1c}.app-shell .stock-calc-box.result small{color:#ade0ca}.app-shell .stock-calc-box.result strong{color:#7cf0ba}.app-shell .stock-calc-operator{color:#66ddeb;text-shadow:0 0 10px #4cd7eb33;align-self:center;font-size:21px}.app-shell .stock-confirm-modal .cancel-modal-button{color:#daf7ff;background:linear-gradient(145deg,#144260e6,#092742f0);border:1px solid #6fcce238}.app-shell .stock-confirm-modal .confirm-stock-button{color:#effff9;background:linear-gradient(145deg,#248f70,#155b58);border:1px solid #6cefc866;box-shadow:0 9px 19px #00121b4d,0 0 14px #41dcb21a,inset 0 1px #ffffff26}@media (width<=520px){.app-shell .stock-confirm-modal{padding:18px 14px}.app-shell .stock-calculation{grid-template-columns:1fr auto 1fr}.app-shell .stock-calc-box.result{grid-column:1/-1}.app-shell .stock-calc-operator:nth-of-type(2){display:none}.app-shell .stock-confirm-modal .modal-actions{grid-template-columns:1fr;display:grid}.app-shell .stock-confirm-modal .modal-actions button{width:100%}}@media (width<=560px){.app-shell .log-detail-backdrop{padding:max(12px,env(safe-area-inset-top)) 10px max(82px,calc(env(safe-area-inset-bottom) + 70px));place-items:start center;overflow-y:auto}.app-shell .log-detail-modal{width:100%;max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(94px,calc(env(safe-area-inset-bottom) + 82px)));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:20px;min-height:0;padding:16px;overflow:hidden auto}.app-shell .log-detail-modal .form-title{z-index:4;background:linear-gradient(145deg,#123d5bfc,#07213bfc);border-radius:20px 20px 0 0;margin:-16px -16px 0;padding:15px 16px 12px;position:sticky;top:-16px;box-shadow:0 8px 17px #0008182e}.app-shell .log-detail-action,.app-shell .log-detail-change{margin-top:11px;padding:12px}.app-shell .log-detail-change p{max-height:none;overflow:visible}.app-shell .log-detail-meta{gap:8px}}.login-submit:hover,.nfc-login-box .nfc-helper-start:hover{filter:brightness(1.08);transform:translateY(-3px);box-shadow:0 17px 32px #0f95cf6e,0 0 20px #34d8ef29}.login-submit:active,.nfc-login-box .nfc-helper-start:active{transform:translateY(-1px)scale(.97)}.nfc-login-box{background:#051a3094;border-color:#62c9e22e}.nfc-login-box .nfc-tools-paste{color:#bceefa;background:#184b697a;border:1px solid #5ec5de2b;box-shadow:inset 0 1px #ffffff14}.login-message{color:#ffb8ae;background:#7c272859;border:1px solid #f06c5d40}.login-checking{color:#55d7e9}.first-password-logout{color:#8fb1c5}.app-shell .admin-mailbox-button{color:#e8fbff;background:linear-gradient(145deg,#154c6ff0,#0a2a49f7);border:1px solid #68d7eb4d;border-radius:18px;align-items:center;gap:11px;width:max-content;max-width:100%;margin:0 0 14px auto;padding:10px 17px 10px 11px;display:flex;position:relative;box-shadow:0 12px 26px #000e1f47,inset 0 1px #ffffff1f}.app-shell .admin-mailbox-button:hover{filter:brightness(1.08);transform:translateY(-3px)scale(1.015)}.app-shell .admin-mailbox-button:active{transform:translateY(-1px)scale(.97)}.admin-mailbox-icon{color:#ffc64a;filter:drop-shadow(0 0 8px #ffa5274d);background:linear-gradient(145deg,#ffc7484d,#e86f1d3d);border:1px solid #ffbe3f61;border-radius:14px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.admin-mailbox-button>span:nth-child(2){text-align:left;display:grid}.admin-mailbox-button small{color:#91cbd9;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.admin-mailbox-button strong{font-size:15px}.mailbox-notification{color:#fff;background:linear-gradient(145deg,#ff5b5b,#c91d3a);border:2px solid #092c4c;border-radius:999px;place-items:center;min-width:25px;height:25px;padding:0 6px;font-size:12px;animation:1.5s ease-in-out infinite alternate order-notification-glow;display:grid;position:absolute;top:-8px;right:-8px;box-shadow:0 0 0 4px #ff39531f,0 5px 12px #96002066}.app-shell .error-report-modal{width:min(620px,100%)}.app-shell .error-report-modal>p{color:#b8d5df;line-height:1.55}.app-shell .error-report-modal label{color:#cdeaf2;gap:7px;margin-top:14px;font-size:13px;font-weight:700;display:grid}.app-shell .error-report-modal input,.app-shell .error-report-modal textarea{color:#f2fcff;width:100%;font:inherit;background:#051e34b8;border:1px solid #66d0e63d;border-radius:15px;outline:none;padding:13px 14px;box-shadow:inset 0 1px 8px #00091633}.app-shell .error-report-modal textarea{resize:vertical;min-height:125px}.app-shell .error-report-modal input:focus,.app-shell .error-report-modal textarea:focus{border-color:#4fd4e8;box-shadow:0 0 0 3px #4fd4e81f,inset 0 1px 8px #00091633}.app-shell .delivery-status{color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px #00000052;-webkit-backdrop-filter:blur(12px);border:1px solid #0000;min-height:30px;padding:6px 12px 6px 27px;font-size:10px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 7px 18px #00081833}.app-shell .delivery-status:before{content:"";background:currentColor;border-radius:50%;width:8px;height:8px;position:absolute;left:10px;box-shadow:0 0 9px}.app-shell .delivery-status.open{color:#ffaaa2;background:linear-gradient(145deg,#b22a34e0,#69172ae6);border-color:#ff69687a}.app-shell .delivery-status.partial{color:#ffd078;background:linear-gradient(145deg,#bc6914e6,#713712eb);border-color:#ffb84280}.app-shell .delivery-status.delivered{color:#81f0b8;background:linear-gradient(145deg,#188f5be6,#0c5241eb);border-color:#4ddf9675}.app-shell .delivery-status-filter{-webkit-backdrop-filter:blur(14px);background:#051b329e;border:1px solid #63c7e233;border-radius:18px;width:max-content;max-width:100%;padding:5px;box-shadow:inset 0 1px #ffffff12,0 10px 24px #0008182e}.app-shell .delivery-status-filter button{color:#9cbccd;min-height:34px;box-shadow:none;background:0 0;border-color:#0000}.app-shell .delivery-status-filter button.active{color:#f2fcff;background:linear-gradient(145deg,#258bc1f2,#175591f5);border-color:#68d7ef4d;box-shadow:inset 0 1px #ffffff2e,0 7px 16px #1477b847}.app-shell .delivery-item{background:linear-gradient(145deg,#0d304ead,#071f38b8);border-radius:15px;min-height:68px;margin:6px 0;box-shadow:inset 0 1px #ffffff0d;border:1px solid #5bb1d529!important;padding:10px 11px!important}.app-shell .delivery-item.received{background:linear-gradient(145deg,#176f4f4f,#07323080);margin:6px 0;border-color:#43d38b45!important}.app-shell .delivery-quantity{color:#d4eaf5;text-align:right;grid-template-columns:minmax(92px,auto) 86px;gap:4px 10px;font-size:10px;line-height:1.2}.app-shell .delivery-quantity input{box-sizing:border-box;caret-color:#fff;text-align:center;opacity:1;border:1px solid #67d6ed8c;border-radius:13px;width:86px;height:46px;padding:0 8px;font-size:19px;font-weight:950;line-height:46px;box-shadow:inset 0 1px #ffffff1f,0 0 0 3px #3ab5db14,0 8px 20px #000a1c40;color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(145deg,#123e62,#092a4a)!important}.app-shell .delivery-quantity input:focus{border-color:#65def2;outline:0;box-shadow:0 0 0 4px #49cbe72e,inset 0 1px #ffffff24}.app-shell .delivery-quantity small{font-size:9px;font-weight:850;color:#ffc66d!important}@media (width<=620px){.app-shell .delivery-status-filter{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.app-shell .delivery-heading{gap:9px}.app-shell .delivery-status{min-height:29px;padding:5px 10px 5px 25px}.app-shell .delivery-item{padding:11px 10px!important}.app-shell .delivery-quantity{text-align:left;grid-template-columns:minmax(100px,auto) 92px;width:100%;margin-top:5px}.app-shell .delivery-quantity input{width:92px}}.error-report-sender{color:#a9d5df;background:#2b617b3d;border-radius:14px;align-items:center;gap:10px;margin-top:13px;padding:10px 12px;display:flex}.error-report-sender>span:first-child{font-size:21px}.error-report-sender>span:last-child{font-size:11px;display:grid}.error-report-sender strong{color:#effcff;font-size:14px}.error-report-success{color:#ebfff7;background:linear-gradient(145deg,#1b7052a3,#0d4341c2);border:1px solid #49e1a757;border-radius:16px;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex;box-shadow:0 9px 20px #00232333,inset 0 1px #ffffff17}.error-report-success>span{color:#fff;background:linear-gradient(145deg,#39bb83,#197160);border:1px solid #7dffcc66;border-radius:13px;flex:none;place-items:center;width:38px;height:38px;font-size:21px;font-weight:950;display:grid;box-shadow:0 0 14px #3edd9e2e}.error-report-success>div{gap:2px;display:grid}.error-report-success strong{color:#effff8;font-size:14px}.error-report-success small{color:#aee8d2;line-height:1.4}.app-shell .send-error-report-button{color:#fff;background:linear-gradient(145deg,#e76147,#ad304c);border:1px solid #f4755b6b;box-shadow:0 10px 22px #5c0c264d,inset 0 1px #ffffff29}.app-shell .send-error-report-button:hover{filter:brightness(1.08);transform:translateY(-3px)}.app-shell .send-error-report-button:active{transform:translateY(-1px)scale(.97)}.app-shell .error-mailbox-modal{flex-direction:column;width:min(820px,100%);max-height:min(820px,100dvh - 50px);display:flex;overflow:hidden}.error-mailbox-summary{background:#0d355094;border:1px solid #62cde12b;border-radius:14px;justify-content:space-between;align-items:center;margin:12px 0;padding:10px 13px;display:flex}.error-mailbox-summary span{color:#ff8c84;font-weight:800}.error-mailbox-summary small{color:#8db9c8}.error-mailbox-list{overscroll-behavior:contain;gap:11px;min-height:120px;padding:2px 4px 4px 1px;display:grid;overflow-y:auto}.error-mailbox-entry{background:linear-gradient(145deg,#123d5bde,#07223ceb);border:1px solid #5ebed729;border-radius:17px;padding:14px;box-shadow:0 8px 18px #000c1c33,inset 0 1px #ffffff0f}.error-mailbox-entry.unread{border-color:#ff5b5b6b;box-shadow:0 0 0 2px #ff46520f,0 9px 22px #000c1c42}.error-mailbox-entry header{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.error-mailbox-entry header>span{font-size:15px}.error-mailbox-entry .mailbox-read-check{color:#fff;background:linear-gradient(145deg,#37b77f,#176856);border:1px solid #5be7a966;border-radius:9px;place-items:center;width:27px;height:27px;font-size:16px;font-weight:950;display:grid;box-shadow:0 0 13px #3bda9729}.error-mailbox-entry .mailbox-unread-dot{color:#ff625f;filter:drop-shadow(0 0 6px #ff4b4e59);place-items:center;width:27px;height:27px;font-size:19px;display:grid}.error-mailbox-entry header div{min-width:0;display:grid}.error-mailbox-entry header strong{color:#f1fbff;overflow-wrap:anywhere}.error-mailbox-entry header small,.error-mailbox-entry time{color:#83b3c2;font-size:11px}.error-mailbox-entry p{color:#cbe7ee;white-space:pre-wrap;overflow-wrap:anywhere;background:#02182c7a;border-radius:12px;margin:12px 0;padding:12px;line-height:1.55}.error-mailbox-entry footer{color:#759fad;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.error-mailbox-entry footer button{color:#eafff8;background:linear-gradient(145deg,#1f8b74e6,#125352f0);border:1px solid #4dd5c047;border-radius:11px;padding:8px 11px}.error-mailbox-entry footer button:hover{filter:brightness(1.08);transform:translateY(-2px)}.error-mailbox-entry footer button:active{transform:scale(.97)}.error-mailbox-entry.read{opacity:.78}@media (width<=560px){.app-shell .error-report-modal,.app-shell .error-mailbox-modal{max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(86px,calc(env(safe-area-inset-bottom) + 72px)));border-radius:20px;padding:16px;overflow-y:auto}.app-shell .error-mailbox-modal{overflow:hidden}.error-mailbox-entry header{grid-template-columns:auto 1fr}.error-mailbox-entry time{grid-column:2}.error-mailbox-entry footer{flex-direction:column;align-items:stretch}.error-mailbox-entry footer button{width:100%}.app-shell .error-report-modal .modal-actions{grid-template-columns:1fr;display:grid}.app-shell .error-report-modal .modal-actions button{width:100%}}body .floating-bottom-nav{outline-offset:-2px;color:#c5e8f2;-webkit-backdrop-filter:blur(22px)saturate(145%);backdrop-filter:blur(22px)saturate(145%);outline:1px solid #ffffff17;background:radial-gradient(circle at 50% 0,#259ec226,#0000 58%),linear-gradient(145deg,#0b2b46f7,#05192ff7)!important;border:1px solid #92e2f261!important;box-shadow:0 17px 38px #00081680,0 0 0 1px #2197be1a,0 0 24px #2dc3e11c,inset 0 1px #fff3,inset 0 -1px #4faacc14!important}body .floating-bottom-nav button{color:#83a6b8;background:0 0;border-color:#0000}body .floating-bottom-nav button>span{color:inherit;background:#ffffff12}body .floating-bottom-nav button.active{color:#61e0f0;background:linear-gradient(145deg,#209bc240,#1d5f9e2e);border-color:#70e5f566;box-shadow:inset 0 1px #ffffff29,0 5px 14px #000d1f33,0 0 0 1px #50d6ed14,0 0 15px #46d5ed1f}body .floating-bottom-nav button.active>span{background:#48cfe829;box-shadow:inset 0 1px #ffffff21,0 0 12px #4ad5ed1a}body .floating-bottom-nav button:focus-visible{outline-offset:2px;border-color:#97eefa8c;outline:2px solid #7ee6f6d1;box-shadow:0 0 0 4px #43cde626,0 0 18px #4ad5ed33}.scroll-to-top-button.device-mobile{right:7px}.scroll-to-top-button.device-tablet{right:max(12px,50vw - 468px)}.scroll-to-top-button.device-desktop{right:max(14px,50vw - 576px)}body .floating-bottom-nav{isolation:isolate}.floating-bottom-nav .nav-liquid-slider{z-index:0;pointer-events:none;background:radial-gradient(circle at 25% 0,#84eff933,#0000 52%),linear-gradient(145deg,#25a4c74a,#2d58ad33);border:1px solid #6fe6f559;border-radius:17px;width:calc(25% - 8.25px);margin:0;transition:transform .38s cubic-bezier(.22,.9,.24,1),background .28s,box-shadow .28s;position:absolute;top:6px;bottom:6px;left:9px;box-shadow:inset 0 1px #ffffff2b,0 7px 17px #000d1f3b,0 0 17px #47d5ec1c}body .floating-bottom-nav button{z-index:1;position:relative}body .floating-bottom-nav button.active{box-shadow:none;background:0 0;border-color:#0000}body .floating-bottom-nav button>span{transition:transform .38s cubic-bezier(.22,.9,.24,1),background .28s,color .28s}body .floating-bottom-nav button.active>span{transform:translateY(-2px)scale(1.06)}@media (width<=560px){.floating-bottom-nav .nav-liquid-slider{width:calc(25% - 6.75px);left:6px}}@media (prefers-reduced-motion:reduce){.floating-bottom-nav .nav-liquid-slider,body .floating-bottom-nav button>span{transition:none}}.app-shell .delivery-quantity{grid-template-columns:minmax(92px,auto) auto}.app-shell .delivery-stepper{background:linear-gradient(145deg,#123e62,#092a4a);border:1px solid #67d6ed8c;border-radius:14px;grid-area:1/2/3;grid-template-columns:38px 64px 38px;align-items:center;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 0 0 3px #3ab5db14,0 8px 20px #000a1c40}.app-shell .delivery-stepper input{width:64px;height:46px;box-shadow:none;appearance:textfield;border:0;border-left:1px solid #68d3eb38;border-right:1px solid #68d3eb38;border-radius:0;grid-area:auto;padding:0 4px;background:#03172b6b!important}.app-shell .delivery-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.app-shell .delivery-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.app-shell .delivery-stepper button{color:#eafcff;cursor:pointer;background:linear-gradient(145deg,#2e93c27a,#134a7a8c);border:0;place-items:center;width:38px;height:46px;padding:0;font-size:22px;font-weight:800;line-height:1;transition:transform .16s,background .16s,filter .16s;display:grid}.app-shell .delivery-stepper button:hover:not(:disabled){filter:brightness(1.1);background:linear-gradient(145deg,#3ec0deb3,#1c659db8)}.app-shell .delivery-stepper button:active:not(:disabled){transform:scale(.88)}.app-shell .delivery-stepper button:disabled{color:#bcdae54d;cursor:not-allowed;background:#04192e57}.app-shell .delivery-stepper:focus-within{border-color:#65def2;box-shadow:0 0 0 4px #49cbe72e,inset 0 1px #ffffff24}@media (width<=620px){.app-shell .delivery-quantity{grid-template-columns:minmax(100px,auto) auto}.app-shell .delivery-stepper{grid-template-columns:42px 68px 42px}.app-shell .delivery-stepper input{width:68px}.app-shell .delivery-stepper button{width:42px}}.app-shell .delivery-confirm-modal{color:#eafaff;background:linear-gradient(155deg,#0d354cfa,#051c33fc);border:1px solid #5ddcb84d;border-radius:25px;width:min(540px,100vw - 28px);max-height:min(720px,100dvh - 30px);padding:0;overflow:hidden;box-shadow:0 30px 75px #00071694,inset 0 1px #ffffff1f,0 0 45px #25ca8b17}.delivery-confirm-head{background:radial-gradient(circle at 88% 10%,#52e2a930,#0000 37%),linear-gradient(135deg,#19705e8f,#0a364cb8);border-bottom:1px solid #58dcb133;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:21px 22px;display:grid;position:relative}.delivery-confirm-head:after{content:"";border:1px solid #5cebb81a;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-60px;right:-25px}.delivery-confirm-icon{background:linear-gradient(145deg,#33c68d6b,#11685780);border:1px solid #70f1be61;border-radius:17px;place-items:center;width:54px;height:54px;font-size:27px;display:grid;box-shadow:inset 0 1px #ffffff2e,0 10px 24px #001b1f4d}.delivery-confirm-head>div{text-align:left;min-width:0}.delivery-confirm-head>div>small{color:#73e0b3;letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:900}.delivery-confirm-head h2{color:#f4fdff;margin:3px 0 4px;font-size:21px;line-height:1.1}.delivery-confirm-head p{color:#9fc7d3;margin:0;font-size:11px}.delivery-confirm-head p strong{color:#ddf8f1}.delivery-confirm-total{z-index:1;color:#67e5ad;text-align:center;background:#052b3494;border:1px solid #67e8b54d;border-radius:16px;min-width:66px;padding:10px 9px;font-size:24px;line-height:1;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14}.delivery-confirm-total small{color:#9bcfc4;letter-spacing:.08em;text-transform:uppercase;margin-top:4px;font-size:8px}.delivery-confirm-list-title{color:#a6c8d5;text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;gap:10px;padding:16px 20px 5px;font-size:10px;font-weight:850;display:flex}.delivery-confirm-list-title b{color:#63dcab}.app-shell .delivery-confirm-modal ul{scrollbar-color:#3b9f8a transparent;gap:8px;max-height:260px;margin:8px 14px 12px;padding:3px 6px;display:grid;overflow:auto}.app-shell .delivery-confirm-modal li{background:linear-gradient(145deg,#103b52cc,#08253fd1);border:1px solid #5bb9c82e;border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:11px 12px;display:grid;box-shadow:inset 0 1px #ffffff0f}.delivery-confirm-product-icon{color:#68e8ad;background:#24b57833;border:1px solid #53e0a359;border-radius:9px;place-items:center;width:28px;height:28px;font-weight:950;display:grid}.delivery-confirm-modal li>span:nth-child(2){color:#effbff;text-align:left;min-width:0;font-size:12px;font-weight:800}.delivery-confirm-modal li>span:nth-child(2) small{color:#7fa9bb;margin-top:3px;font-size:9px;font-weight:650;display:block}.app-shell .delivery-confirm-modal li>b{color:#69e6ad;text-align:center;background:#28be8026;border-radius:10px;min-width:43px;padding:7px 8px;font-size:14px}.delivery-confirm-note{color:#9cc8da;text-align:left;background:#12476557;border:1px solid #47abd533;border-radius:13px;align-items:flex-start;gap:9px;margin:0 20px 17px;padding:11px 12px;display:flex}.delivery-confirm-note>span{color:#77d6ef;background:#4ab5dd33;border-radius:50%;flex:none;place-items:center;width:20px;height:20px;font-weight:900;display:grid}.delivery-confirm-note small{font-size:10px;line-height:1.45}.app-shell .delivery-confirm-modal .modal-actions{background:#03172b6b;border-top:1px solid #5bb6cb24;grid-template-columns:1fr 1.35fr;gap:10px;margin:0;padding:15px 20px 20px;display:grid}.app-shell .delivery-confirm-modal .modal-actions button{border-radius:14px;min-height:48px;transition:transform .17s,filter .17s,box-shadow .17s}.app-shell .delivery-confirm-modal .cancel-modal-button{color:#bbd2dc;background:#133a52a8;border:1px solid #87b1c33b}.app-shell .delivery-confirm-modal .confirm-order-button{color:#fff;background:linear-gradient(145deg,#35c886,#17885f);border:1px solid #6befb757;box-shadow:0 10px 24px #19b27140,inset 0 1px #fff3}.app-shell .delivery-confirm-modal .modal-actions button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.app-shell .delivery-confirm-modal .modal-actions button:active:not(:disabled){transform:scale(.97)}@media (width<=520px){.app-shell .delivery-confirm-modal{border-radius:22px;width:calc(100vw - 20px);max-height:calc(100dvh - 18px)}.delivery-confirm-head{grid-template-columns:auto minmax(0,1fr);gap:11px;padding:17px 15px}.delivery-confirm-icon{border-radius:15px;width:47px;height:47px;font-size:23px}.delivery-confirm-head h2{font-size:18px}.delivery-confirm-total{grid-column:1/-1;grid-template-columns:auto auto;justify-content:center;align-items:baseline;gap:5px;width:100%;padding:8px;font-size:19px}.delivery-confirm-total small{margin:0}.app-shell .delivery-confirm-modal ul{max-height:210px;margin-left:10px;margin-right:10px}.delivery-confirm-list-title{padding-left:15px;padding-right:15px}.delivery-confirm-note{margin-left:14px;margin-right:14px}.app-shell .delivery-confirm-modal .modal-actions{grid-template-columns:1fr;padding:12px 14px 15px}.app-shell .delivery-confirm-modal .confirm-order-button{grid-row:1}}body:has(.delivery-confirm-modal){overflow:hidden}.app-shell .modal-backdrop:has(.delivery-confirm-modal){z-index:1000;width:100vw;height:100dvh;padding:max(9px,env(safe-area-inset-top)) 10px max(9px,env(safe-area-inset-bottom));overscroll-behavior:contain;touch-action:none;place-items:center;overflow:hidden;position:fixed!important;inset:0!important}.app-shell .modal-backdrop:has(.delivery-confirm-modal) .delivery-confirm-modal{touch-action:pan-y;margin:0}@media (width<=820px){.app-shell{-webkit-backdrop-filter:none!important}.app-shell .modal-backdrop:has(.delivery-confirm-modal){place-items:center}}html{background:#06182d;min-width:320px}body{background-color:#0000;background-image:radial-gradient(circle at 8% 12%,#1fbee426,#0000 27rem),radial-gradient(circle at 94% 32%,#396fcf24,#0000 31rem),radial-gradient(circle at 48% 100%,#25ca9d14,#0000 34rem),linear-gradient(145deg,#05162a,#092844 52%,#05172b);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;width:100%;min-width:320px;overflow-x:hidden}.app-shell{background:radial-gradient(circle at 94% 9%,#20c9ea21,#0000 27rem),radial-gradient(circle at 4% 76%,#1c7bc51c,#0000 32rem),linear-gradient(145deg,#071d35fa,#0a2a46fa 54%,#06182dfc);border-inline:0;width:100%;max-width:1680px;min-height:100dvh;margin:0 auto;box-shadow:0 0 70px #00051261}.app-shell.device-tablet,.app-shell.device-desktop{width:100%;max-width:1680px}.app-shell .topbar,.app-shell.device-tablet .topbar,.app-shell.device-desktop .topbar{width:100%;padding-inline:clamp(20px,3.2vw,58px)}.app-shell .content,.app-shell.device-tablet .content,.app-shell.device-desktop .content{width:100%;padding-left:clamp(16px,3.2vw,58px);padding-right:clamp(16px,3.2vw,58px)}.app-shell .bottom-nav,.app-shell.device-tablet .bottom-nav,.app-shell.device-desktop .bottom-nav,.floating-bottom-nav{width:min(100% - 24px,1540px);max-width:calc(100vw - 24px)}@media (width>=700px) and (width<=1199px){.app-shell .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.app-shell .admin-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.app-shell .feature-card{min-height:154px}.app-shell .hero-card{min-height:145px;padding:25px}.app-shell .order-history-list{gap:16px}.app-shell .nfc-user-list,.app-shell .archive-sections{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (width>=700px) and (width<=860px) and (orientation:portrait){.app-shell .feature-grid,.app-shell .admin-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .nfc-user-list{grid-template-columns:1fr}}@media (width>=1200px){.app-shell .topbar{min-height:112px;padding-top:25px}.app-shell .content{padding-bottom:38px}.app-shell .hero-card{border-radius:27px;min-height:156px;padding:29px 31px}.app-shell .hero-card strong{font-size:24px}.app-shell .feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.app-shell .feature-card{min-height:164px;padding:20px}.app-shell .admin-menu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.app-shell .admin-grid{gap:15px}.app-shell .order-history-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}.app-shell .order-history-card{height:100%}.app-shell .nfc-user-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}.app-shell .archive-sections{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px}.app-shell .statistics-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:13px}.app-shell .article-admin-toolbar{padding:17px 20px}.app-shell .list-row{padding:16px 20px}.app-shell .view-banner{min-height:104px;padding:22px 25px}}@media (width<=699px){body{background:#071d35}.app-shell{width:100%;max-width:none;box-shadow:none;padding-bottom:calc(116px + env(safe-area-inset-bottom))}.app-shell .topbar{padding-right:max(15px,env(safe-area-inset-right));padding-left:max(15px,env(safe-area-inset-left))}.app-shell .content{padding-right:max(14px,env(safe-area-inset-right));padding-left:max(14px,env(safe-area-inset-left))}.app-shell .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.app-shell .feature-card{min-width:0}.app-shell .bottom-nav,.floating-bottom-nav{width:calc(100% - 14px);max-width:none}}@media (width<=370px){.app-shell .feature-grid,.app-shell .admin-menu-grid{grid-template-columns:1fr}}.app-shell .helpline-confirm-modal{border-color:#5bc6ee57;box-shadow:0 30px 75px #00071694,inset 0 1px #ffffff1f,0 0 45px #25a1de1f}.helpline-confirm-modal .delivery-confirm-head{background:radial-gradient(circle at 88% 10%,#45c7ef33,#0000 37%),linear-gradient(135deg,#16699dad,#0a3658c2);border-bottom-color:#57c2ec38}.helpline-confirm-modal .delivery-confirm-icon{background:linear-gradient(145deg,#2fb2e275,#155b978a);border-color:#6adcf76b}.helpline-confirm-modal .delivery-confirm-head>div>small,.helpline-confirm-modal .delivery-confirm-list-title b{color:#70dff4}.helpline-confirm-modal .delivery-confirm-total{color:#74e4f6;background:#052a42a6;border-color:#64d7f257}.helpline-confirm-modal .delivery-confirm-total small{color:#9ccddb}.helpline-confirm-modal .delivery-confirm-product-icon{color:#79e3f5;background:#269cd238;border-color:#53c6eb66}.app-shell .helpline-confirm-modal li>b{color:#79e2f5;background:#26a0d32b}.app-shell .helpline-confirm-modal .confirm-order-button{background:linear-gradient(145deg,#29b4dc,#176cae);border-color:#71e0f661;box-shadow:0 10px 24px #1b8bca4d,inset 0 1px #ffffff38}.feature-notification{z-index:4;color:#fff;background:linear-gradient(145deg,#ff6363,#c91d3d);border:2px solid #092743;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 7px;font-size:11px;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 7px 16px #c91d3d59}.ticket-form-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.app-shell .ticket-form-options select{color:#fff;background:linear-gradient(145deg,#0a2945fa,#051b33fa);border:1px solid #65cde63d;border-radius:12px;min-height:46px;padding:0 12px}body:has(.ticket-center-modal){overflow:hidden}.app-shell .modal-backdrop:has(.ticket-center-modal){z-index:1000;width:100vw;height:100dvh;padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));place-items:center;overflow:hidden;position:fixed!important;inset:0!important}.app-shell .ticket-center-modal{background:linear-gradient(155deg,#0c324cfc,#04192ffc);border:1px solid #5bcde74d;border-radius:25px;grid-template-rows:auto auto minmax(0,1fr);width:min(1180px,100vw - 24px);height:min(800px,100dvh - 24px);max-height:none;padding:0;display:grid;overflow:hidden;box-shadow:0 34px 90px #0006149e,inset 0 1px #ffffff1c}.ticket-center-modal>.form-title{background:linear-gradient(135deg,#155b82bd,#082b49d6);border-bottom:1px solid #5bbeda2e;margin:0;padding:16px 19px}.ticket-center-toolbar{background:#051f36b3;border-bottom:1px solid #57b3d326;justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:10px 17px;display:flex}.ticket-center-toolbar>div{align-items:baseline;gap:7px;display:flex}.ticket-center-toolbar>div b{color:#6edcf0;font-size:22px}.ticket-center-toolbar>div span{color:#e7f9ff;font-weight:850}.ticket-center-toolbar>div small{color:#ffbd65;margin-left:7px}.ticket-center-toolbar>button{color:#fff;background:linear-gradient(145deg,#279cca,#1769a7);border:1px solid #6cdff34d;border-radius:12px;min-height:40px;padding:0 14px;font-weight:850;box-shadow:0 8px 18px #1677b340}.ticket-center-layout{grid-template-columns:minmax(290px,36%) minmax(0,1fr);min-height:0;display:grid}.ticket-list{background:#03182c85;border-right:1px solid #54b1d22b;min-height:0;padding:10px;overflow:auto}.ticket-list-entry{color:#eaf9ff;text-align:left;background:linear-gradient(145deg,#103752b8,#08233dbd);border:1px solid #58adcb24;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:9px;width:100%;margin-bottom:7px;padding:12px 10px;transition:transform .16s,border-color .16s,background .16s;display:grid;position:relative}.ticket-list-entry:hover{border-color:#5bcfe757;transform:translateY(-1px)}.ticket-list-entry.active{background:linear-gradient(145deg,#175b7cdb,#0b3354e0);border-color:#58daee80;box-shadow:0 8px 20px #000c1e3d,inset 0 1px #ffffff12}.ticket-list-entry.unread:after{content:"";background:#ff5062;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px;box-shadow:0 0 9px #ff5062}.ticket-priority{padding-top:2px;font-size:14px}.ticket-priority.normal{color:#58d0ea}.ticket-priority.important{color:#ffc45f}.ticket-priority.urgent{color:#ff6470}.ticket-list-entry>span:nth-child(2){min-width:0}.ticket-list-entry strong,.ticket-list-entry small,.ticket-list-entry em{display:block}.ticket-list-entry strong{color:#f3fbff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.ticket-list-entry small{color:#94b9c8;margin-top:4px;font-size:11px}.ticket-list-entry em{color:#bfd4dd;text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-size:12px;font-style:normal;line-height:1.35;overflow:hidden}.ticket-list-entry>span:last-child{justify-items:end;gap:5px;padding-right:3px;display:grid}.ticket-list-entry time{color:#8aafbd;white-space:nowrap;font-size:10px}.ticket-list-entry i{color:#fff;background:#d9344d;border-radius:999px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:900}.ticket-status{white-space:nowrap;border-radius:999px;padding:5px 8px;font-size:10px}.ticket-status.new{color:#ff8f98;background:#ff5b682e}.ticket-status.in_progress{color:#78d7f3;background:#45b2e02e}.ticket-status.waiting{color:#ffc568;background:#f4a8392e}.ticket-status.solved{color:#6ee6ad;background:#38cd892e}.ticket-status.closed{color:#a9bbc5;background:#889daa2b}.ticket-conversation{background:radial-gradient(circle at 95% 0,#29add01a,#0000 35%),#0720376e;grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.ticket-chat-head{border-bottom:1px solid #55b2d124;justify-content:space-between;gap:14px;padding:17px 19px 13px;display:flex}.ticket-chat-head>div{min-width:0}.ticket-chat-head small{letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:850;color:#66cee4!important}.ticket-chat-head h2{color:#f3fcff;text-overflow:ellipsis;white-space:nowrap;margin:5px 0;font-size:23px;overflow:hidden}.ticket-chat-head span{color:#9bc0ce;font-size:12px}.ticket-priority-badge{border-radius:999px;align-self:start;padding:7px 10px;font-size:9px}.ticket-priority-badge.normal{color:#75d9ef;background:#40aed82e}.ticket-priority-badge.important{color:#ffc462;background:#eba03033}.ticket-priority-badge.urgent{color:#ff8690;background:#de37463b}.ticket-status-select{justify-content:flex-end;align-items:center;gap:8px;padding:8px 18px;font-size:9px;color:#89afbe!important;display:flex!important}.app-shell .ticket-status-select select{color:#eafaff;background:#092c4c;border:1px solid #5bc2db3d;border-radius:10px;min-height:34px;padding:0 9px;font-size:10px}.ticket-messages{overscroll-behavior:contain;min-height:0;padding:15px 18px;overflow:auto}.ticket-message{background:linear-gradient(145deg,#14435ede,#0a2b45e6);border:1px solid #5ab4d22e;border-radius:5px 16px 16px;width:min(82%,620px);margin:0 auto 11px 0;padding:11px 13px;box-shadow:0 7px 18px #000a1a2b}.ticket-message.support{background:linear-gradient(145deg,#187055b8,#0b4242d1);border-color:#48d29d3d;border-radius:16px 5px 16px 16px;margin-left:auto;margin-right:0}.ticket-message header{justify-content:space-between;gap:10px;display:flex}.ticket-message header strong{color:#dff8ff;font-size:12px}.ticket-message header time{color:#8bb2c1;font-size:10px}.ticket-message.support header time{color:#83c4af}.ticket-message p{color:#f0f9fc;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:15px;line-height:1.55}.ticket-reply-form{background:#03172ba8;border-top:1px solid #57b2d229;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:12px 16px 15px;display:grid}.ticket-reply-form label{gap:6px;font-size:11px;display:grid;color:#9bc3d2!important}.app-shell .ticket-reply-form textarea{resize:none;background:linear-gradient(145deg,#0d3a5d,#082947);border:1px solid #62c6e03d;border-radius:13px;min-height:70px;padding:10px 12px;font-size:14px;line-height:1.45;color:#fff!important}.ticket-reply-form button{color:#fff;background:linear-gradient(145deg,#32bc83,#167a5a);border:1px solid #66e4ba4d;border-radius:13px;min-height:47px;padding:0 17px;font-size:12px;font-weight:850;box-shadow:0 8px 20px #179c653b}.ticket-reply-form button:disabled{opacity:.45;cursor:not-allowed}.ticket-closed-note{color:#70dbaa;text-align:center;background:#23775b29;border:1px solid #62b59e33;border-radius:12px;margin:12px 17px 17px;padding:12px;font-size:11px;font-weight:850}@media (width<=760px){.ticket-form-options{grid-template-columns:1fr}.app-shell .ticket-center-modal{border-radius:20px;width:calc(100vw - 12px);height:calc(100dvh - 12px)}.ticket-center-layout{grid-template-rows:minmax(150px,34%) minmax(0,1fr);grid-template-columns:1fr}.ticket-list{border-bottom:1px solid #54b1d22b;border-right:0}.ticket-center-toolbar{min-height:55px;padding:8px 12px}.ticket-center-toolbar>div small{display:none}.ticket-center-toolbar>button{min-height:38px;padding:0 10px;font-size:10px}.ticket-chat-head{padding:12px 14px 10px}.ticket-chat-head h2{font-size:19px}.ticket-chat-head span{font-size:11px}.ticket-messages{padding:11px 12px}.ticket-message{width:90%}.ticket-message p{font-size:14px}.ticket-reply-form{grid-template-columns:1fr;padding:9px 11px 12px}.ticket-reply-form button{min-height:42px}}.archive-ticket-list{gap:8px;padding:10px;display:grid}.archive-ticket-entry{color:#eaf9ff;text-align:left;background:linear-gradient(145deg,#0f3650c2,#07223ccc);border:1px solid #5fb7cf2b;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:11px 12px;transition:transform .17s,border-color .17s,filter .17s;display:grid}.archive-ticket-entry:hover{filter:brightness(1.07);border-color:#5dd3e85c;transform:translateY(-2px)}.archive-ticket-entry>span:nth-child(2){min-width:0}.archive-ticket-entry strong,.archive-ticket-entry small{display:block}.archive-ticket-entry strong{color:#f1fbff;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.archive-ticket-entry small{color:#87adbc;margin-top:4px;font-size:9px}.archive-ticket-entry>b{color:#70d8eb;white-space:nowrap;font-size:10px}.open-ticket-archive-button{color:#fff;background:linear-gradient(145deg,#227fae,#175783);border:1px solid #5ccde547;border-radius:12px;min-height:42px;font-weight:850}.admin-ticket-notification{animation:1.7s ease-in-out infinite ticket-nav-pulse}@keyframes ticket-nav-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #da233e59}50%{transform:scale(1.12);box-shadow:0 5px 18px #ff374f9e}}@media (prefers-reduced-motion:reduce){.admin-ticket-notification{animation:none}}body:has(.ticket-create-modal){overflow:hidden}.app-shell .modal-backdrop:has(.ticket-create-modal){z-index:1100;width:100vw;height:100dvh;padding:max(10px,env(safe-area-inset-top)) 12px max(10px,env(safe-area-inset-bottom));place-items:center;overflow:auto;position:fixed!important;inset:0!important}.app-shell .ticket-create-modal{background:radial-gradient(circle at 92% 0,#29b8e121,#0000 35%),linear-gradient(155deg,#0c334efc,#041a31fe);border:1px solid #59d2ed57;border-radius:25px;width:min(660px,100vw - 24px);max-height:calc(100dvh - 24px);padding:0;overflow:hidden;box-shadow:0 34px 85px #0007179e,inset 0 1px #ffffff1f,0 0 42px #29b5e014}.ticket-create-head{background:linear-gradient(135deg,#196894b3,#09304fcc);border-bottom:1px solid #5ccae533;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:17px 19px;display:grid;position:relative}.ticket-create-head .modal-title-icon{background:linear-gradient(145deg,#2facd761,#12568b7a);border:1px solid #6fe1f559;border-radius:15px;place-items:center;width:47px;height:47px;font-size:23px;display:grid;box-shadow:inset 0 1px #ffffff29,0 8px 20px #0013263d}.ticket-create-head>div{gap:3px;display:grid}.ticket-create-head small{letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:900;color:#75d9ed!important}.ticket-create-head strong{color:#f3fcff;font-size:19px}.ticket-create-head>button{color:#b8d3de;background:#07233bad;border:1px solid #90cfe138;border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;transition:transform .16s,background .16s;display:grid}.ticket-create-head>button:hover{background:#215b78bf;transform:rotate(5deg)scale(1.05)}.ticket-create-intro{background:#12486547;border:1px solid #51bedd2e;border-radius:13px;align-items:flex-start;gap:10px;margin:15px 18px 4px;padding:11px 12px;display:flex}.ticket-create-intro>span{color:#66d5eb;font-size:16px}.ticket-create-intro p{font-size:11px;line-height:1.45;color:#b5d2dd!important;margin:0!important}.app-shell .ticket-create-modal .ticket-form-options,.app-shell .ticket-create-modal>.ticket-create-field,.app-shell .ticket-create-modal>.error-report-sender,.app-shell .ticket-create-modal>.error-report-success,.app-shell .ticket-create-modal>.message{margin-left:18px;margin-right:18px}.app-shell .ticket-create-modal .ticket-form-options{margin-top:13px}.app-shell .ticket-create-modal label{color:#dceff6;gap:6px;font-size:10px}.ticket-create-modal label>span{color:#c7e0e9;align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.ticket-create-modal label>span i{color:#6bd4e9;background:#34a4ca29;border-radius:7px;place-items:center;width:22px;height:22px;font-size:11px;font-style:normal;display:grid}.app-shell .ticket-create-modal input,.app-shell .ticket-create-modal textarea,.app-shell .ticket-create-modal select{background:linear-gradient(145deg,#0b2f4bfa,#051d35fa);border:1px solid #5ec4e040;border-radius:13px;box-shadow:inset 0 1px #ffffff12,0 7px 16px #000a1b24;color:#f2fbff!important}.app-shell .ticket-create-modal input,.app-shell .ticket-create-modal select{min-height:48px;padding:0 13px}.app-shell .ticket-create-modal textarea{resize:vertical;min-height:130px;padding:12px 13px}.app-shell .ticket-create-modal input:focus,.app-shell .ticket-create-modal textarea:focus,.app-shell .ticket-create-modal select:focus{border-color:#63d8ee;outline:0;box-shadow:0 0 0 4px #4ac6e026,inset 0 1px #ffffff17}.app-shell .ticket-create-modal .error-report-sender{background:linear-gradient(145deg,#11415bb8,#092a44c7);border:1px solid #53b1cf2b;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.ticket-sender-avatar{background:#2f9bc029;border:1px solid #5ecbe438;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.ticket-create-modal .error-report-sender>span:nth-child(2){gap:2px;display:grid}.ticket-create-modal .error-report-sender small{text-transform:uppercase;font-size:8px;color:#7fa9ba!important}.ticket-create-modal .error-report-sender strong{color:#eefaff;font-size:12px}.ticket-create-modal .error-report-sender>b{color:#76c9dc;font-size:9px;font-weight:700}.app-shell .ticket-create-modal .modal-actions{background:#03162a7a;border-top:1px solid #53b3d224;grid-template-columns:1fr 1.3fr;gap:10px;margin:15px 0 0;padding:14px 18px 18px;display:grid}.app-shell .ticket-create-modal .modal-actions button{border-radius:14px;min-height:48px;transition:transform .17s,filter .17s}.app-shell .ticket-create-modal .cancel-modal-button{color:#bfd3dc;background:#123951b3;border:1px solid #89b5c533}.app-shell .ticket-create-modal .send-error-report-button{color:#fff;background:linear-gradient(145deg,#2aa9d1,#1768a8);border:1px solid #6bdef457;box-shadow:0 9px 21px #197ebc45,inset 0 1px #ffffff2e}.app-shell .ticket-create-modal .modal-actions button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px)}.ticket-retention-note{background:linear-gradient(145deg,#955b1833,#55361838);border:1px solid #f2ac433d;border-radius:13px;align-items:flex-start;gap:10px;margin:10px 10px 0;padding:11px 12px;display:flex}.ticket-retention-note>span{font-size:19px}.ticket-retention-note>div{gap:3px;display:grid}.ticket-retention-note strong{color:#ffd083;font-size:11px}.ticket-retention-note small{color:#bda98b;font-size:9px;line-height:1.4}@media (width<=560px){.app-shell .ticket-create-modal{border-radius:20px;width:calc(100vw - 12px);max-height:calc(100dvh - 12px)}.ticket-create-head{padding:13px 14px}.ticket-create-head .modal-title-icon{width:42px;height:42px}.ticket-create-head strong{font-size:16px}.ticket-create-intro,.app-shell .ticket-create-modal .ticket-form-options,.app-shell .ticket-create-modal>.ticket-create-field,.app-shell .ticket-create-modal>.error-report-sender{margin-left:13px;margin-right:13px}.app-shell .ticket-create-modal textarea{min-height:105px}.ticket-create-modal .error-report-sender>b{display:none}.app-shell .ticket-create-modal .modal-actions{grid-template-columns:1fr;padding:11px 13px 14px}.app-shell .ticket-create-modal .send-error-report-button{grid-row:1}}.ticket-priority-field,.ticket-priority-field>span,.ticket-priority-field>span i,.ticket-priority-field select{transition:border-color .2s,background .2s,color .2s,box-shadow .2s}.ticket-create-modal .ticket-priority-field.normal>span{color:#bfe4ef}.ticket-create-modal .ticket-priority-field.normal>span i{color:#70d8ef;background:#2a9ecf2e;border:1px solid #52c4e53b}.app-shell .ticket-create-modal .ticket-priority-field.normal select{background:linear-gradient(90deg,#1e83b521,#0000 45%),linear-gradient(145deg,#0b3351fa,#051e37fa);border-color:#53c7e661;box-shadow:inset 3px 0 #39aeda,inset 0 1px #ffffff12,0 7px 16px #000a1b24;color:#8fe5f5!important}.ticket-create-modal .ticket-priority-field.urgent>span{color:#ffb0b5}.ticket-create-modal .ticket-priority-field.urgent>span i{color:#ff7b86;background:#d32b3c3d;border:1px solid #ff647061;box-shadow:0 0 11px #ed384933}.app-shell .ticket-create-modal .ticket-priority-field.urgent select{background:linear-gradient(90deg,#c4233640,#0000 48%),linear-gradient(145deg,#471e31fa,#271427fa);border-color:#ff5b6994;box-shadow:inset 3px 0 #ef4457,inset 0 1px #ffffff14,0 0 0 3px #e1314314,0 8px 20px #3a05123d;color:#ff9aa3!important}.app-shell .ticket-create-modal .ticket-priority-field.urgent select:focus{border-color:#ff6b78;box-shadow:0 0 0 4px #ec3f502e,inset 3px 0 #ff5263}.topbar-actions{align-items:center;gap:8px;display:flex}.app-shell .account-top-button{color:#dff8ff;background:linear-gradient(145deg,#144b6cd1,#082744db);border:1px solid #5bcde840;border-radius:13px;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-size:11px;font-weight:850;transition:transform .17s,filter .17s,border-color .17s;display:flex;box-shadow:inset 0 1px #ffffff17,0 8px 18px #000a1c33}.app-shell .account-top-button>span{background:#49bfda24;border-radius:8px;place-items:center;width:25px;height:25px;font-size:13px;display:grid}.app-shell .account-top-button:hover{filter:brightness(1.08);border-color:#63dbf16b;transform:translateY(-2px)}.app-shell .account-top-button:active{transform:scale(.96)}.login-legal-links{color:#668ca1;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-size:10px;display:flex}.login-legal-links button,.login-legal-links a{color:#88adbd;background:0 0;border:0;padding:3px;font-size:10px;font-weight:750;text-decoration:none}.login-legal-links button:hover,.login-legal-links a:hover{color:#63d5eb;text-decoration:underline}.account-legal-row{color:#789cac;border-top:1px solid #5cb2cf24;justify-content:space-between;align-items:center;gap:12px;margin-top:13px;padding:11px 13px;font-size:10px;display:flex}.account-legal-row button{color:#9ed7e4;background:#0e395494;border:1px solid #5fbfdb33;border-radius:10px;min-height:34px;padding:0 11px;font-size:10px;font-weight:800}.account-legal-row>div{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}body:has(.legal-modal){overflow:hidden}.legal-modal-backdrop{z-index:1400;width:100vw;height:100dvh;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(13px);background:#010d1cc7;place-items:center;display:grid;position:fixed;inset:0}.legal-modal{color:#eaf9ff;background:linear-gradient(155deg,#0c324cfc,#04192ffe);border:1px solid #5bcbe647;border-radius:22px;width:min(520px,100vw - 24px);max-height:calc(100dvh - 24px);overflow:hidden;box-shadow:0 30px 80px #00061499,inset 0 1px #ffffff1a}.legal-modal>header{background:linear-gradient(135deg,#145b82b3,#082b49d1);border-bottom:1px solid #59c0dc2e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px 17px;display:grid}.legal-modal>header img{object-fit:contain;background:#fff;border-radius:11px;width:42px;height:50px;padding:2px}.legal-modal>header small{color:#70d6e9;letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:900}.legal-modal>header h2{color:#f3fcff;margin:3px 0 0;font-size:19px}.legal-modal>header button{color:#b6d2dc;background:#062139a8;border:1px solid #81c0d32e;border-radius:11px;place-items:center;width:36px;height:36px;font-size:20px;display:grid}.legal-modal>section{border-bottom:1px solid #52a7c621;margin:0 17px;padding:14px 0}.legal-modal>section span{color:#62cce2;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-size:8px;font-weight:900;display:block}.legal-modal>section h3{color:#eefaff;margin:0 0 5px;font-size:13px}.legal-modal>section p{color:#9abcca;margin:0;font-size:11px;line-height:1.5}.legal-modal>section a{color:#72d7eb;overflow-wrap:anywhere;font-size:11px;text-decoration:none}.legal-modal>footer{justify-content:space-between;align-items:center;gap:12px;padding:13px 17px 16px;display:flex}.legal-modal>footer span{color:#678e9f;font-size:8px}.legal-modal>footer button{color:#fff;background:linear-gradient(145deg,#278fba,#17639b);border:1px solid #66d8ed47;border-radius:11px;min-height:38px;padding:0 14px;font-size:10px;font-weight:850}.legal-modal--privacy{grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,100vw - 24px);display:grid}.privacy-modal-content{overscroll-behavior:contain;scrollbar-color:#2687a8 #03192c66;padding:4px 19px 8px;overflow:auto}.privacy-modal-content section{border-bottom:1px solid #52a7c621;padding:14px 0}.privacy-modal-content section>span{color:#62cce2;letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px;font-size:9px;font-weight:900;display:block}.privacy-modal-content h3{color:#eefaff;margin:0 0 6px;font-size:14px}.privacy-modal-content p,.privacy-modal-content li{color:#a9c7d2;font-size:11px;line-height:1.58}.privacy-modal-content p{margin:6px 0 0}.privacy-modal-content ul{margin:7px 0 0;padding-left:19px}.privacy-modal-content li+li{margin-top:4px}.privacy-modal-content a{color:#72d7eb;overflow-wrap:anywhere;font-size:11px;text-decoration:none}.privacy-draft-note{background:linear-gradient(145deg,#7e561240,#3d301433);border:1px solid #f7be4047;border-radius:13px;gap:5px;margin:13px 0 2px;padding:12px 13px;display:grid}.privacy-draft-note strong{color:#ffd36b;font-size:11px}.privacy-draft-note span{color:#c8b987;font-size:10px;line-height:1.45}@media (width<=600px){.topbar-actions{gap:5px}.app-shell .account-top-button{justify-content:center;width:42px;min-width:42px;padding:0;font-size:0}.app-shell .account-top-button>span{width:28px;height:28px}.app-shell .logout-button{padding-left:10px;padding-right:10px;font-size:10px}.account-legal-row{flex-direction:column;align-items:flex-start}.account-legal-row>div{justify-content:flex-start;width:100%}.legal-modal--privacy{max-height:calc(100dvh - 16px)}.privacy-modal-content{padding-left:14px;padding-right:14px}}.ticket-list-entry.priority-urgent{background:linear-gradient(90deg,#ce273938,#0000 48%),linear-gradient(145deg,#4c1e30e0,#26162ae6);border-color:#ff53636b;box-shadow:inset 3px 0 #ed4457,inset 0 1px #ffffff12,0 8px 20px #2b041038}.ticket-list-entry.priority-urgent:hover{border-color:#ff6774a6;box-shadow:inset 3px 0 #ff5264,0 10px 24px #5708194d,0 0 18px #e5324614}.ticket-list-entry.priority-urgent.active{background:linear-gradient(90deg,#db30424d,#0000 55%),linear-gradient(145deg,#5e2233f0,#2b172cf2);border-color:#ff6573b8;box-shadow:inset 4px 0 #ff5365,0 10px 26px #45051457,0 0 20px #eb3a4c1f}.ticket-list-entry.priority-urgent strong{color:#fff1f2}.ticket-list-entry.priority-urgent small{color:#e4aeb3}.ticket-list-entry.priority-urgent em{color:#f0c4c8}.ticket-conversation.priority-urgent .ticket-chat-head{background:radial-gradient(circle at 92% 0,#da30442e,#0000 42%),linear-gradient(90deg,#811f302e,#0000 60%);border-bottom-color:#ff55664d;box-shadow:inset 4px 0 #ed4457}.ticket-conversation.priority-urgent .ticket-chat-head small{color:#ff8e99!important}.app-shell .logout-button{color:#ffd9dc;background:linear-gradient(145deg,#7e2d38b3,#491b2bc2);border-color:#ee5b6547;box-shadow:inset 0 1px #ffffff14,0 8px 18px #2b051133}.app-shell .logout-button:hover{color:#fff0f1;background:linear-gradient(145deg,#97323ec7,#591e2ed1);border-color:#ff6f7875;transform:translateY(-2px);box-shadow:0 10px 22px #3e071547,0 0 14px #e13e4d14}.app-shell .logout-button:active{transform:scale(.96)}.permission-editor{background:linear-gradient(145deg,#0c304be6,#071e35f0);border:1px solid #74d2ff4d;border-radius:18px;margin:6px 0 2px;padding:16px;box-shadow:inset 0 1px #ffffff1a,0 12px 28px #0003}.permission-editor>legend{color:#fff;letter-spacing:.01em;padding:0 8px;font-weight:850}.permission-editor>p{color:#bcd3e5;margin:0 0 12px;font-size:.86rem;line-height:1.45}.permission-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.permission-option{cursor:pointer;background:#03182b9e;border:1px solid #82a8c438;border-radius:14px;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:9px;min-height:62px;transition:transform .16s,border-color .16s,background .16s;position:relative;padding:9px 10px!important;display:grid!important}.permission-option:hover{border-color:#51d3ff94;transform:translateY(-2px)}.permission-option.enabled{background:linear-gradient(135deg,#145d5b85,#082d41b3);border-color:#4ad6ac80}.permission-option>input{opacity:0;pointer-events:none;position:absolute}.permission-option .permission-icon{background:#5ab7e824;border-radius:11px;place-items:center;width:36px;height:36px;font-size:1.15rem;display:grid}.permission-option>span:nth-of-type(2){gap:2px;display:grid}.permission-option strong{color:#f7fbff;font-size:.86rem}.permission-option small{color:#91adc3;font-size:.7rem;line-height:1.25}.permission-option>i{color:#0000;border:1px solid #8faec661;border-radius:7px;place-items:center;width:22px;height:22px;font-style:normal;display:grid}.permission-option.enabled>i{color:#042d29;background:#34b98f;border-color:#4dd7ad;box-shadow:0 0 14px #34b98f59}.permission-master-note{color:#f1cc78;margin-top:10px;display:block}.app-shell .nfc-modal{overscroll-behavior:contain;scrollbar-color:#74d2ff7a #051b3166;width:min(94vw,920px);max-height:min(92dvh,900px);padding:24px}.app-shell .nfc-modal form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.app-shell .nfc-modal .form-title,.app-shell .nfc-modal .avatar-picker,.app-shell .nfc-modal .permission-editor,.app-shell .nfc-modal .nfc-security-note,.app-shell .nfc-modal .modal-actions{grid-column:1/-1}.app-shell .nfc-modal .form-title{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#113451fc,#0c2a45f7);border-radius:22px 22px 0 0;margin:-24px -24px 2px;padding:20px 24px 15px;position:sticky;top:-24px}.app-shell .nfc-modal .modal-actions{z-index:4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#0a2540f7,#071c34fc);border-top:1px solid #a873da33;border-radius:0 0 22px 22px;margin:2px -24px -24px;padding:14px 24px 20px;position:sticky;bottom:-24px}.app-shell .nfc-modal::-webkit-scrollbar{width:8px}.app-shell .nfc-modal::-webkit-scrollbar-thumb{background:#74d2ff61;border-radius:10px}.employee-modal-backdrop{z-index:1000;background:#010f1db8;min-height:100dvh;overflow:hidden;position:fixed!important;inset:0!important}.employee-modal-backdrop .nfc-modal{overscroll-behavior:contain;color:#eaf8ff;scrollbar-color:#74d2ff7a #051b3166;background:radial-gradient(circle at 90% 0,#954fcd2e,#0000 30%),linear-gradient(145deg,#123654fc,#071c34fc);border:1px solid #c07eef4d;border-radius:24px;width:min(94vw,920px);max-height:min(92dvh,900px);padding:24px}.employee-modal-backdrop .nfc-modal form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.employee-modal-backdrop .nfc-modal .form-title,.employee-modal-backdrop .nfc-modal .avatar-picker,.employee-modal-backdrop .nfc-modal .permission-editor,.employee-modal-backdrop .nfc-modal .nfc-security-note,.employee-modal-backdrop .nfc-modal .modal-actions{grid-column:1/-1}.employee-modal-backdrop .nfc-modal label{color:#c4dce7;gap:6px;font-size:12px;font-weight:800;display:grid}.employee-modal-backdrop .nfc-modal input,.employee-modal-backdrop .nfc-modal select{color:#f4fbff;background:linear-gradient(145deg,#0c2b48fa,#061c34fa);border:1.5px solid #9971d047;border-radius:12px;outline:none;width:100%;min-height:44px;padding:0 12px}.employee-modal-backdrop .nfc-modal .avatar-picker{background:#071f388a;border-color:#9c6ed140}.employee-modal-backdrop .nfc-modal .avatar-picker legend{color:#c6dce7}.employee-modal-backdrop .nfc-modal .avatar-picker>div{gap:9px}.employee-modal-backdrop .nfc-modal .avatar-picker button{color:#a9c7d8;background:radial-gradient(circle at 28% 8%,#4cc2e024,#0000 48%),linear-gradient(145deg,#123d5bf0,#082540f7);border:1px solid #66bed62e;border-radius:14px;min-height:74px;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff14,0 7px 16px #00081833}.employee-modal-backdrop .nfc-modal .avatar-picker button:hover{color:#effcff;background:radial-gradient(circle at 28% 8%,#58d5ee33,#0000 48%),linear-gradient(145deg,#174e6ff5,#092b49fa);border-color:#68daef80;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff1f,0 11px 22px #00081847}.employee-modal-backdrop .nfc-modal .avatar-picker button:active{transform:translateY(-1px)scale(.97)}.employee-modal-backdrop .nfc-modal .avatar-picker button.selected{color:#fff6ff;background:radial-gradient(circle at 25% 5%,#ebb8ff38,#0000 46%),linear-gradient(145deg,#8b4fbef5,#452771fc);border-color:#d39dffb8;box-shadow:0 0 0 3px #ad65e221,0 10px 22px #19083252,inset 0 1px #ffffff2e}.employee-modal-backdrop .nfc-modal .avatar-picker button>span{filter:drop-shadow(0 4px 7px #0000003d)}.employee-modal-backdrop .nfc-modal .avatar-picker button>small{color:inherit}.employee-modal-backdrop .nfc-modal .form-title{z-index:4;background:linear-gradient(#113451fc,#0c2a45f7);border-bottom:1px solid #a873da33;border-radius:22px 22px 0 0;margin:-24px -24px 2px;padding:20px 24px 15px;position:sticky;top:-24px}.employee-modal-backdrop .nfc-modal .modal-actions{z-index:4;background:linear-gradient(#0a2540f7,#071c34fc);border-top:1px solid #a873da33;border-radius:0 0 22px 22px;margin:2px -24px -24px;padding:14px 24px 20px;position:sticky;bottom:-24px}@media (width<=680px){.permission-grid{grid-template-columns:1fr}.permission-editor{padding:13px 10px}.app-shell .nfc-modal{border-radius:20px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:18px 14px}.app-shell .nfc-modal form{grid-template-columns:1fr;gap:12px}.app-shell .nfc-modal .form-title{border-radius:18px 18px 0 0;margin:-18px -14px 2px;padding:16px 14px 13px;top:-18px}.app-shell .nfc-modal .modal-actions{border-radius:0 0 18px 18px;margin:2px -14px -18px;padding:12px 14px 15px;bottom:-18px}.employee-modal-backdrop{padding:10px}.employee-modal-backdrop .nfc-modal{border-radius:20px;width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:18px 14px}.employee-modal-backdrop .nfc-modal form{grid-template-columns:1fr;gap:12px}.employee-modal-backdrop .nfc-modal .form-title{border-radius:18px 18px 0 0;margin:-18px -14px 2px;padding:16px 14px 13px;top:-18px}.employee-modal-backdrop .nfc-modal .modal-actions{border-radius:0 0 18px 18px;margin:2px -14px -18px;padding:12px 14px 15px;bottom:-18px}}
