:root{--brand:#c62828;--brand-strong:#991b1b;--brand-soft:#fef2f2;--ink:#0f172a;--subtle:#64748b;--surface:#fff;--canvas:#f8fafc;--line:#e2e8f0;--focus:rgba(198,40,40,.2);--radius:20px;--shadow:0 12px 34px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{background:var(--canvas)}body.app-shell{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 10% 0,rgba(198,40,40,.08),transparent 24rem),var(--canvas);color:var(--ink)}
.material-icons,.material-symbols-outlined{font-size:1.35rem;line-height:1;vertical-align:middle}.app-card,.app-surface,.modal-panel{background:rgba(255,255,255,.94);border:1px solid rgba(226,232,240,.92);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.app-card:before{display:none}.app-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.65rem 1rem;border-radius:14px;font-weight:700;letter-spacing:-.01em;transition:.18s ease}.app-btn:hover{transform:translateY(-1px)}.app-btn:active{transform:scale(.98)}.app-btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:0 10px 22px rgba(198,40,40,.2)}
.app-input{min-height:48px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:.75rem .9rem;color:var(--ink);transition:.15s ease}.app-input:hover{border-color:#cbd5e1}.app-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px var(--focus);outline:0}
#loginPage{position:relative;isolation:isolate;background:linear-gradient(145deg,#fff 0%,#fff7f7 46%,#f1f5f9 100%)}#loginPage:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 80% 20%,rgba(198,40,40,.14),transparent 24rem),radial-gradient(circle at 10% 90%,rgba(15,23,42,.08),transparent 22rem)}#loginPage .app-card{padding:2rem!important;border-radius:28px;box-shadow:0 24px 70px rgba(15,23,42,.13)}#loginPage h2{color:var(--ink)!important;letter-spacing:-.04em}#loginBtn{background:linear-gradient(135deg,var(--brand),var(--brand-strong))}
.page-section{animation:empPageIn .2s ease both}.page-section>.bg-white,.page-section .bg-white.rounded-2xl{border:1px solid var(--line);box-shadow:0 10px 28px rgba(15,23,42,.055)}
nav button,[data-page],.nav-item{border-radius:14px}.quick-action{background:#fff;border-color:var(--line);box-shadow:0 8px 24px rgba(15,23,42,.06)}
@keyframes empPageIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:640px){#loginPage{align-items:flex-end;padding:0}#loginPage .app-card{max-width:none;border-radius:30px 30px 0 0;padding:1.5rem!important}.page-section{padding-bottom:calc(82px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.dark{--canvas:#07101f;--surface:#111827;--ink:#f8fafc;--subtle:#94a3b8;--line:#263244}.dark body.app-shell{background:#07101f}.dark .app-card,.dark .app-surface,.dark .modal-panel,.dark .app-input{background:rgba(17,24,39,.96);border-color:#263244;color:#f8fafc}