@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg:oklch(14% .014 250);--bg-elevated:oklch(18% .015 250);--bg-elevated-2:oklch(19% .017 250);--bg-inset:oklch(15% .014 250);--bg-sidebar:oklch(12% .013 250);--border:oklch(28% .02 250);--border-soft:oklch(25% .018 250);--text:oklch(94% .01 250);--text-muted:oklch(60% .02 250);--text-faint:oklch(52% .02 250);--accent:oklch(78% .13 80);--accent-soft:oklch(78% .13 80/.22);--accent-ink:oklch(15% .01 250);--success:oklch(65% .14 145);--success-soft:oklch(19% .05 145/.25);--warning:oklch(68% .12 40);--warning-soft:oklch(30% .12 40/.25);--danger:oklch(60% .14 25);--danger-soft:oklch(30% .1 25/.3);--radius-card:14px;--radius-shell:24px;--radius-pill:20px;--radius-input:12px;--font-display:"Cormorant Garamond", serif;--font-body:"Manrope", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(circle at 50% -10%, oklch(20% .018 250), var(--bg) 60%);font-family:var(--font-body);color:var(--text);margin:0}::-webkit-scrollbar{width:0;height:0}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit}button{cursor:pointer}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s fadeIn}.app-shell{flex-direction:column;width:100%;min-height:100vh;display:flex}.app-body{flex:1;min-height:0;display:flex}.app-content{flex-direction:column;flex:1;min-width:0;display:flex}.app-main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:20px 20px 96px;overflow-y:auto}@media (width>=900px){.app-main{padding:28px 32px 40px}}.topbar{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}@media (width>=900px){.topbar,.topbar-glow{display:none}}.topbar-brand{align-items:center;gap:10px;display:flex}.topbar-brand img{object-fit:contain;width:34px;height:34px}.topbar-brand span{font-family:var(--font-display);color:var(--text);font-size:19px;font-weight:700}.topbar-glow{background:linear-gradient(90deg,#0000,oklch(70% .12 80/.5),#0000);height:2px}.admin-shortcut{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-soft);flex-direction:column;flex-shrink:0;gap:4px;width:220px;padding:24px 14px;display:none}@media (width>=900px){.sidebar{display:flex}.bottom-nav{display:none!important}}.sidebar-brand{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:20px;display:flex}.sidebar-brand img{object-fit:contain;width:36px;height:36px}.sidebar-brand span{font-family:var(--font-display);color:var(--text);font-size:18px;font-weight:700}.sidebar-row,.bottom-item{cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:10px 12px;transition:background .2s;display:flex}.sidebar-row.active{background:var(--accent-soft)}.sidebar-row span{color:var(--text-muted);font-size:13.5px;font-weight:600;transition:color .2s}.sidebar-row.active span{color:var(--accent)}.sidebar-admin{cursor:pointer;border-top:1px solid var(--border-soft);color:var(--text-muted);border-radius:9px;align-items:center;gap:10px;margin-top:12px;padding:16px 12px 10px;display:flex}.sidebar-admin-box{border:2px solid var(--text-muted);border-radius:4px;width:19px;height:19px}.bottom-nav{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--border-soft);padding:10px 8px calc(12px + env(safe-area-inset-bottom));background:oklch(13% .013 250/.95);display:flex;position:sticky;bottom:0;left:0;right:0}.bottom-item{flex-direction:column;flex:1;gap:3px;padding:4px}.bottom-item .indicator{background:var(--text-muted);opacity:0;border-radius:2px;width:16px;height:2px;margin-bottom:2px;transition:opacity .2s,background .2s}.bottom-item.active .indicator{opacity:1;background:var(--accent)}.bottom-item svg{stroke:var(--text-muted);transition:transform .2s,stroke .2s}.bottom-item.active svg{stroke:var(--accent);transform:scale(1.1)}.bottom-item .label{color:var(--text-muted);font-size:10.5px;font-weight:600;transition:color .2s}.bottom-item.active .label{color:var(--accent)}.card{background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:16px;padding:16px;transition:transform .2s,box-shadow .2s}.card.clickable{cursor:pointer}.card.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000059}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:11px;font-weight:700}.title-display{font-family:var(--font-display);color:var(--text);font-weight:700}.btn{border:none;border-radius:10px;padding:12px;font-size:14px;font-weight:700;transition:filter .15s,transform .1s}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{border:1px solid var(--accent);color:var(--accent);background:0 0}.btn-ghost{color:oklch(75% .02 250);background:0 0;border:1px solid oklch(35% .02 250);font-weight:600}.btn-danger{background:var(--danger-soft);color:oklch(85% .1 25)}.btn-block{width:100%}.input,select.input{box-sizing:border-box;border-radius:var(--radius-input);background:var(--bg-elevated);width:100%;color:var(--text);border:1px solid oklch(30% .02 250);outline:none;padding:11px 14px;font-size:14px}.input::placeholder{color:var(--text-faint)}.chip{border-radius:var(--radius-pill);cursor:pointer;color:oklch(65% .02 250);background:oklch(19% .015 250);border:1px solid oklch(30% .02 250);padding:6px 12px;font-size:12px;font-weight:600;transition:transform .15s}.chip:hover{transform:translateY(-1px)}.chip.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.badge{background:var(--accent-soft);color:var(--accent);border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.badge.status-open{background:var(--accent-soft);color:var(--accent)}.badge.status-closed{color:oklch(65% .02 250);background:oklch(30% .02 250)}.avatar{background:repeating-linear-gradient(45deg,oklch(26% .02 250) 0 5px,oklch(21% .018 250) 5px 10px) 50%/cover;border:1.5px solid oklch(30% .02 250);border-radius:50%;flex-shrink:0}.section-label{color:oklch(70% .02 250);text-transform:uppercase;letter-spacing:.06em;margin-top:20px;font-size:13px;font-weight:700}.hairline-btn{color:var(--text-muted);cursor:pointer;margin-bottom:14px;font-size:13px;display:inline-block}.grid-2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.field-tile{background:var(--bg-elevated);border-radius:10px;padding:10px}.field-tile .field-label{color:var(--text-faint);font-size:11px}.field-tile .field-value{color:var(--text);margin-top:2px;font-size:13px}.state-empty{color:var(--text-faint);text-align:center;padding:24px 0;font-size:13px}.login-screen{flex-direction:column;justify-content:center;align-items:center;gap:20px;max-width:420px;min-height:100vh;margin:0 auto;padding:36px 32px;display:flex}.myth-divider{align-items:center;gap:8px;margin-top:20px;display:flex}.myth-divider .line{background:linear-gradient(90deg,#0000,oklch(55% .1 75/.55),#0000);flex:1;height:1px}.myth-divider .label{color:oklch(72% .1 78);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;font-size:12px;font-weight:700}.plate-card{background:linear-gradient(160deg,oklch(20% .022 70),oklch(15.5% .016 250) 65%);border:1px solid oklch(45% .07 75/.4);border-radius:16px;padding:16px;position:relative;box-shadow:inset 0 1px oklch(55% .09 78/.25),0 8px 22px #00000059}.plate-card:before{content:"";pointer-events:none;border:1px solid oklch(50% .08 78/.18);border-radius:11px;position:absolute;inset:6px}.plate-card.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.plate-card.clickable:hover{transform:translateY(-2px);box-shadow:inset 0 1px oklch(55% .09 78/.3),0 10px 26px #0006}.scroll-card{color:oklch(28% .04 55);background:linear-gradient(160deg,oklch(87% .045 85),oklch(80% .055 78) 55%,oklch(85% .045 83));border-radius:7px;margin-top:12px;padding:22px 20px 20px;position:relative;box-shadow:0 6px 18px #0006,inset 0 0 0 1px oklch(55% .08 72/.4)}.scroll-card:before,.scroll-card:after{content:"";background:linear-gradient(oklch(68% .07 68),oklch(56% .08 62));border-radius:40%;height:12px;position:absolute;left:-2px;right:-2px;box-shadow:0 2px 5px #00000073}.scroll-card:before{top:-4px}.scroll-card:after{bottom:-4px}.scroll-card .scroll-title{font-family:var(--font-display);color:oklch(30% .06 52);margin:2px 0 5px;font-size:16px;font-weight:700}.scroll-card .scroll-text{color:oklch(35% .045 52);font-size:13px;line-height:1.55}.scroll-card+.scroll-card{margin-top:18px}.oath-row{align-items:center;gap:12px;padding:14px;display:flex}.oath-seal{clip-path:polygon(50% 0%,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);background:linear-gradient(155deg,oklch(28% .04 75),oklch(20% .02 250));border:1px solid oklch(50% .08 78/.4);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}@media (width>=600px){.scroll-card{padding:26px 30px 24px}}.medal-badge{font-family:var(--font-display);color:oklch(22% .03 60);background:radial-gradient(circle at 35% 30%,oklch(82% .1 82),oklch(60% .11 70) 65%,oklch(45% .09 60));border:1.5px solid oklch(35% .02 250);border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-weight:700;display:flex;box-shadow:0 3px 8px #00000073,inset 0 1px 1px oklch(95% .05 90/.6),inset 0 -2px 3px oklch(35% .06 60/.6)}