/* PopEL glass surfaces. No remote fonts, scripts, or imagery. */
:root,:root[data-theme=dark]{color-scheme:dark;--bg:#08090B;--panel:rgba(24,26,30,.86);--panel2:rgba(42,45,51,.78);--text:#F5F5F7;--muted:#ADB1BA;--border:rgba(161,166,176,.24);--accent:#D8DCE3;--accent2:rgba(188,193,204,.15);--shadow:0 18px 54px #00000040;--glass:rgba(18,20,24,.86);--field:rgba(8,9,11,.72);--shine:rgba(239,242,247,.16);--row:rgba(194,199,207,.06);background:var(--bg);color:var(--text)}
:root[data-theme=light]{color-scheme:light;--bg:#E5E7EB;--panel:rgba(243,244,246,.86);--panel2:rgba(226,229,234,.85);--text:#17191D;--muted:#59616D;--border:rgba(104,112,124,.25);--accent:#444B57;--accent2:rgba(104,112,124,.12);--shadow:0 18px 54px #343a4518;--glass:rgba(235,238,242,.88);--field:rgba(255,255,255,.85);--shine:rgba(255,255,255,.94);--row:rgba(81,88,99,.06)}
html{min-height:100%;background:var(--bg)}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:transparent;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 0%,#b8bdc529,transparent 48%),radial-gradient(ellipse at 95% 28%,#777e8923,transparent 50%),radial-gradient(ellipse at 55% 100%,#e6e9ef14,transparent 48%),var(--bg)}
body .sidebar,body .utility-bar,body>header{background:var(--glass);backdrop-filter:blur(28px) saturate(145%);-webkit-backdrop-filter:blur(28px) saturate(145%);border-color:var(--border);box-shadow:inset 0 1px var(--shine),var(--shadow)}
body .sidebar{border-right:1px solid var(--border)}
body .utility-bar{border-radius:0 0 24px 24px;border:1px solid var(--border);border-top:0}
body .sidebar .brand{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:2px 0 16px}
.popel-mark{display:block;width:232px;max-width:100%;height:auto;object-fit:contain;border-radius:12px;background:#000;box-shadow:0 0 0 1px #ffffff19}
body .sidebar .brand .brand-edition{font-size:9px;letter-spacing:.22em;color:var(--muted);padding-left:10px}
body>header .brand{max-width:270px}body>header .popel-mark{width:270px}
body .panel,body .card,body .warehouse-card{background:linear-gradient(135deg,var(--shine),transparent 45%),var(--panel);border:1px solid var(--border);border-radius:22px;box-shadow:inset 0 1px var(--shine),0 12px 36px #090a0c13}
body .panel{padding:24px}body .card{position:relative;overflow:hidden}
body .card::after{content:"";position:absolute;right:-30px;bottom:-75px;width:145px;height:145px;border-radius:50%;background:radial-gradient(circle,#d2d6de19,transparent 68%);pointer-events:none}
body .card .value,body .money{letter-spacing:-.045em;font-variant-numeric:tabular-nums}
body h1{letter-spacing:-.04em;font-weight:700}body h2,body h3{letter-spacing:-.02em}
body .nav-item{border-radius:13px;border:1px solid transparent;color:var(--muted);transition:background .16s,border-color .16s,color .16s}
body .nav-item:hover{background:var(--row);color:var(--text)}body .nav-item.active{color:var(--text);background:linear-gradient(110deg,#c7ccd624,#a4aab513);border-color:var(--border);box-shadow:inset 3px 0 var(--accent),inset 0 1px var(--shine)}
body input,body select,body textarea,body .sidebar #globalSearch{background:var(--field);color:var(--text);border:1px solid var(--border);border-radius:12px;box-shadow:inset 0 1px 3px #0000000a;font:inherit}
body textarea{resize:vertical}body input::placeholder,body textarea::placeholder{color:var(--muted);opacity:.85}body option{background:var(--bg);color:var(--text)}
body button,body .button,body .secondary,body .small-btn{border-radius:12px;border:1px solid var(--border);background:linear-gradient(150deg,var(--shine),transparent 65%),var(--panel2);color:var(--text);box-shadow:inset 0 1px var(--shine);transition:background .16s,box-shadow .16s,transform .16s}
body button:not(:disabled):hover,body .button:hover{box-shadow:inset 0 1px var(--shine),0 3px 14px #d6dbe318;border-color:var(--accent)}
body button:not(:disabled):active{transform:translateY(1px)}
body .primary,body button.primary{background:linear-gradient(125deg,#f4f5f7,#c3c8d0 75%,#aeb5c0);border:1px solid #edf0f5b3;color:#17191d;font-weight:700;box-shadow:inset 0 1px #fff9,0 4px 18px #c5cbd520}
body .danger{color:#ffb8c1;background:linear-gradient(125deg,#e55b7626,#a7314917);border-color:#ee79994d}
:root[data-theme=light] .danger{color:#9b2141}body button:disabled{opacity:.45;transform:none;box-shadow:none}
body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
body th{color:var(--muted);font-size:11px;letter-spacing:.08em;font-weight:650;background:var(--row)}body th,body td{border-bottom:1px solid var(--border);padding:15px 12px}body tbody tr:hover{background:var(--row)}body td{font-variant-numeric:tabular-nums}body .table-wrap,body .tablewrap{border-radius:14px}
body .badge{box-shadow:inset 0 1px #ffffff30;border:1px solid #ffffff18}
body dialog{border:0;padding:0;background:transparent;color:var(--text);border-radius:24px;box-shadow:0 35px 100px #0007;max-width:96vw}body dialog::backdrop{background:#07080b66;backdrop-filter:blur(9px)}
body .modal-card,body .arrival-dialog068,body .calendar-card{background:var(--glass);backdrop-filter:blur(30px) saturate(125%);border:1px solid var(--border);border-radius:24px;box-shadow:inset 0 1px var(--shine);color:var(--text)}
body .arrival-row068,body .stock-toggle068,body .notice{background:var(--row);border-color:var(--border);border-radius:14px}body .user-menu-panel{background:var(--glass);backdrop-filter:blur(26px);border-color:var(--border);box-shadow:var(--shadow)}
body .utility-controls .avatar{border-radius:11px;background:linear-gradient(145deg,#eceff4,#a3aab6);color:#20242a;box-shadow:inset 0 1px #ffffffb0}
body label,body .note,body small{color:var(--muted)}body #message:not(:empty){background:var(--glass);color:var(--text);backdrop-filter:blur(22px);border-color:var(--border);box-shadow:var(--shadow)}
@media(max-width:800px){body .panel{padding:16px;border-radius:18px}body .utility-bar{border-radius:0 0 18px 18px}body .sidebar{background:var(--glass)}body th,body td{padding:12px 10px}body>header{padding:18px}body .modal-card,body .arrival-dialog068{border-radius:18px}}
@media(prefers-reduced-motion:reduce){body *,body *::before,body *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@supports not (backdrop-filter:blur(1px)){body .sidebar,body .utility-bar,body>header,body .modal-card,body .arrival-dialog068,body .calendar-card,body .user-menu-panel{background:var(--bg)}}

body .grid-2{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}body .panel,body .card,body .table-wrap,body .tablewrap{min-width:0;max-width:100%}body .table-wrap,body .tablewrap{overflow-x:auto}body .grid-2>.panel{margin-top:0}
body .sidebar .nav-item{background:transparent;box-shadow:none;border-color:transparent}body .sidebar .nav-item:hover{background:var(--row)}body .sidebar .nav-item.active{background:linear-gradient(110deg,#c7ccd624,#a4aab513);border-color:var(--border);box-shadow:inset 3px 0 var(--accent),inset 0 1px var(--shine)}
@media(max-width:800px){body .grid-2{grid-template-columns:minmax(0,1fr)}body .sidebar{width:min(300px,88vw);transform:translateX(-110%)}.sidebar-open body .sidebar{transform:translateX(0)}body .main{width:100%;max-width:100%;min-width:0}}

/* Original PDF emblem and original wordmark; presentation changes with theme. */
.popel-signature{display:flex!important;align-items:center;gap:3px;width:232px;max-width:100%;height:78px}
.popel-signature .popel-emblem{width:69px;height:69px;object-fit:contain;flex:none;filter:invert(1)}
.popel-signature .popel-wordmark{display:block;position:relative;width:160px;height:32px;overflow:hidden;flex:none;mix-blend-mode:screen;margin:0}
.popel-wordmark img{position:absolute;max-width:none;width:269.64px;height:89.88px;left:-105.18px;top:-31.87px}
:root[data-theme=light] .popel-emblem{filter:none}
:root[data-theme=light] .popel-wordmark{mix-blend-mode:multiply;filter:invert(1)}

.popel-signature .popel-wordmark{mix-blend-mode:normal}.popel-wordmark svg{display:block}:root[data-theme=light] .popel-wordmark{mix-blend-mode:normal;filter:invert(1)}

body #notificationBell,body #notificationPanel button{background:linear-gradient(150deg,var(--shine),transparent 65%),var(--panel2);color:var(--text);border-color:var(--border);border-radius:12px}
body #notificationPanel{background:var(--glass);color:var(--text);border-color:var(--border);backdrop-filter:blur(26px);box-shadow:var(--shadow)}body #notificationPanel small{color:var(--muted)}body #notificationPanel article{border-color:var(--border)}body #notificationPanel a{color:var(--accent)!important}
body .raffle-hero{background:linear-gradient(120deg,#191c22,#3e444f 70%,#69717e);color:#f5f5f7}body .raffle-mark{color:#d4d9e1}