@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+JP:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-app:#f4f7fa;--bg-surface:#fff;--bg-elevated:#f4f5f7;--bg-hover:#eef0f3;--bg-active:#e8ebef;--bg-sidebar:#f9fafc;--text-primary:#080c0f;--text-secondary:#424850;--text-tertiary:#6d7277;--text-quaternary:#95999da3;--text-inverse:#f7f9fa;--border:#dbdee199;--border-subtle:#e6e8ea80;--border-strong:#c0c5c980;--accent:#00a066;--accent-hover:#008757;--accent-subtle:#00a06614;--accent-muted:#00a06626;--accent-fg:#fcfcfc;--accent-gradient:linear-gradient(135deg,#00a066,#007d50);--border-color:var(--border);--accent-color:var(--accent);--accent-light:var(--accent-subtle);--bg-secondary:#f4f7fa;--success:#00a066;--success-subtle:#00a06614;--warning:#e2a000;--warning-subtle:#e2a0001a;--error:#df202e;--error-subtle:#df202e14;--info:#1a83db;--info-subtle:#1a83db14;--status-not-started:#7c8186;--status-in-progress:#1a83db;--status-completed:#00a066;--status-pending:#e2a000;--status-returned:#df202e;--status-forbidden:#8451c9;--status-star:#e2a000;--xp-color:#e2a000;--xp-gradient:linear-gradient(90deg,#e2a000,#edb345);--level-gradient:linear-gradient(135deg,#615ed6,#773ac1);--streak-gradient:linear-gradient(135deg,#ee560c,#fa7c20);--achievement-gold:linear-gradient(135deg,#e2a000,#ca7a00);--shadow-xs:0 1px 2px #080c0f0a;--shadow-sm:0 2px 4px #080c0f0d,0 1px 2px #080c0f08;--shadow-md:0 4px 12px #080c0f0f,0 2px 4px #080c0f08;--shadow-lg:0 8px 24px #080c0f14,0 4px 8px #080c0f0a;--shadow-xl:0 16px 48px #080c0f1a,0 8px 16px #080c0f0d;--shadow-glow-accent:0 0 24px #00a06633;--shadow-glow-gold:0 0 20px #e2a00040;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--nav-height:56px;--bottom-nav-height:64px;--content-max-width:560px;--grid-max-width:1200px;--section-gap:64px;--card-gap:12px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.175,.885,.32,1.275);--duration-fast:.15s;--duration-base:.2s;--duration-slow:.3s;--duration-modal:.4s;--transition-fast:.15s cubic-bezier(.16,1,.3,1);--transition-base:.2s cubic-bezier(.16,1,.3,1);--transition-slow:.3s cubic-bezier(.16,1,.3,1);--transition-spring:.4s cubic-bezier(.175,.885,.32,1.275);--touch-target-min:48px;--bottom-sheet-radius:20px;--pin-size-default:38px;--pin-size-active:44px;--pin-size-small:28px;--route-width:5px;--route-width-highlight:7px;--font-size-display:30px;--font-size-xl:22px;--font-size-lg:16px;--font-size-body:14px;--font-size-sm:13px;--font-size-xs:12px;--font-size-2xs:11px}@supports (color:lab(0% 0 0)){:root{--bg-app:lab(97.0962% -.553459 -1.78933);--bg-surface:lab(100% 0 0);--bg-elevated:lab(96.5178% -.333786 -1.07461);--bg-hover:lab(94.7762% -.55328 -1.78925);--bg-active:lab(93.0353% -.66188 -2.14599);--bg-sidebar:lab(98.2578% -.333846 -1.07464);--text-primary:lab(3.03964% -.478722 -2.0547);--text-secondary:lab(30.3812% -1.51862 -5.29536);--text-tertiary:lab(47.7904% -1.06922 -3.55804);--text-quaternary:lab(62.8731% -.870317 -2.8544/.64);--text-inverse:lab(97.6778% -.333875 -1.07461);--border:lab(88.3962% -.552863 -1.78897/.6);--border-subtle:lab(91.8778% -.333726 -1.07453/.5);--border-strong:lab(79.1134% -.874937 -2.85695/.5);--accent:lab(58.1395% -57.7166 22.5538);--accent-hover:lab(50.0085% -58.3261 22.7222);--accent-subtle:lab(58.1395% -57.7166 22.5538/.08);--accent-muted:lab(58.1395% -57.7166 22.5538/.15);--accent-fg:lab(98.84% .0000298023 -.0000119209);--accent-gradient:linear-gradient(135deg,lab(58.1395% -57.7166 22.5538),lab(46.399% -54.8712 21.379));--bg-secondary:lab(97.0962% -.553459 -1.78933);--success:lab(58.1395% -57.7166 22.5538);--success-subtle:lab(58.1395% -57.7166 22.5538/.08);--warning:lab(70.9465% 19.2186 87.3143);--warning-subtle:lab(70.9465% 19.2186 87.3143/.1);--error:lab(49.0306% 69.7939 45.0284);--error-subtle:lab(49.0306% 69.7939 45.0284/.08);--info:lab(52.7661% -3.82182 -53.6623);--info-subtle:lab(52.7661% -3.82182 -53.6623/.08);--status-not-started:lab(53.5907% -1.0736 -3.56036);--status-in-progress:lab(52.7661% -3.82182 -53.6623);--status-completed:lab(58.1395% -57.7166 22.5538);--status-pending:lab(70.9465% 19.2186 87.3143);--status-returned:lab(49.0306% 69.7939 45.0284);--status-forbidden:lab(44.9264% 40.4628 -55.5955);--status-star:lab(70.9465% 19.2186 87.3143);--xp-color:lab(70.9465% 19.2186 87.3143);--xp-gradient:linear-gradient(90deg,lab(70.9465% 19.2186 87.3143),lab(76.8535% 14.2022 61.9688));--level-gradient:linear-gradient(135deg,lab(45.2841% 27.7799 -63.0038),lab(38.5245% 47.42 -61.5911));--streak-gradient:linear-gradient(135deg,lab(57.762% 57.8628 66.0755),lab(66.3876% 45.8614 67.3561));--achievement-gold:linear-gradient(135deg,lab(70.9465% 19.2186 87.3143),lab(58.8635% 31.6645 115.942));--shadow-xs:0 1px 2px lab(3.03964% -.478722 -2.0547/.04);--shadow-sm:0 2px 4px lab(3.03964% -.478722 -2.0547/.05),0 1px 2px lab(3.03964% -.478722 -2.0547/.03);--shadow-md:0 4px 12px lab(3.03964% -.478722 -2.0547/.06),0 2px 4px lab(3.03964% -.478722 -2.0547/.03);--shadow-lg:0 8px 24px lab(3.03964% -.478722 -2.0547/.08),0 4px 8px lab(3.03964% -.478722 -2.0547/.04);--shadow-xl:0 16px 48px lab(3.03964% -.478722 -2.0547/.1),0 8px 16px lab(3.03964% -.478722 -2.0547/.05);--shadow-glow-accent:0 0 24px lab(58.1395% -57.7166 22.5538/.2);--shadow-glow-gold:0 0 20px lab(70.9465% 19.2186 87.3143/.25)}}:root{--sidebar-bg:#f9fafc;--sidebar-bg-gradient:linear-gradient(180deg,#fbfcfd 0%,#f1f4f7 100%);--sidebar-text:#1e2226;--sidebar-text-muted:#5f6469;--sidebar-text-faint:#95999d;--sidebar-border:#dbdee199;--sidebar-hover:#e9ebee;--sidebar-active-bg:#00a06614;--sidebar-active-text:#005e38;--sidebar-accent-bar:#007e4f;--sidebar-logo-shadow:0 2px 8px #00a0662e;--sidebar-shadow:1px 0 0 #dbdee166}@supports (color:lab(0% 0 0)){:root{--sidebar-bg:lab(98.2578% -.333846 -1.07464);--sidebar-bg-gradient:linear-gradient(180deg,lab(98.8386% -.22307 -.716805) 0%,lab(95.9362% -.55337 -1.78927) 100%);--sidebar-text:lab(12.9871% -1.00497 -3.52685);--sidebar-text-muted:lab(41.9902% -1.06397 -3.55529);--sidebar-text-faint:lab(62.8731% -.870317 -2.8544);--sidebar-border:lab(88.3962% -.552863 -1.78897/.6);--sidebar-hover:lab(93.0362% -.553161 -1.78919);--sidebar-active-bg:lab(58.1395% -57.7166 22.5538/.08);--sidebar-active-text:lab(34.5325% -48.4093 18.8159);--sidebar-accent-bar:lab(46.5229% -58.6591 22.8139);--sidebar-logo-shadow:0 2px 8px lab(58.1395% -57.7166 22.5538/.18);--sidebar-shadow:1px 0 0 lab(88.3962% -.552863 -1.78897/.4)}}[data-theme=dark]{--bg-app:#060709;--bg-surface:#0d1012;--bg-elevated:#16191b;--bg-hover:#1f2225;--bg-active:#26292c;--bg-sidebar:#040506;--text-primary:#f4f5f7;--text-secondary:#cbced2;--text-tertiary:#9c9fa2;--text-quaternary:#6f7275;--border:#383b3eb3;--border-subtle:#2c2e3099;--border-strong:#4a4d51bf;--accent:#00ce88;--accent-hover:#00b575;--accent-subtle:#00ce8824;--accent-muted:#00ce8838;--accent-gradient:linear-gradient(135deg,#00ce88,#00aa6f);--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 6px #00000059;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 28px #00000073;--shadow-xl:0 16px 48px #0000008c;--sidebar-bg:#030304;--sidebar-bg-gradient:linear-gradient(180deg,#030304 0%,#07090c 100%);--sidebar-text:#e3e5e6;--sidebar-text-muted:#83868a;--sidebar-text-faint:#535659;--sidebar-border:#ffffff14;--sidebar-hover:#ffffff14;--sidebar-active-bg:#00ce8824;--sidebar-active-text:#00ce88;--sidebar-accent-bar:#00aa6f;--sidebar-logo-shadow:0 4px 12px #00aa6f4d;--sidebar-shadow:1px 0 0 #ffffff0f}@supports (color:lab(0% 0 0)){[data-theme=dark]{--bg-app:lab(1.98204% -.197582 -.744355);--bg-surface:lab(4.43171% -.46894 -1.78828);--bg-elevated:lab(8.35168% -.717349 -2.47519);--bg-hover:lab(12.9923% -.728399 -2.48046);--bg-active:lab(16.4726% -.734538 -2.48351);--bg-sidebar:lab(1.20034% -.138327 -.537747);--text-primary:lab(96.5178% -.333786 -1.07461);--text-secondary:lab(82.5953% -.660807 -2.14531);--text-tertiary:lab(65.1951% -.658125 -2.14387);--text-quaternary:lab(47.7949% -.654131 -2.14162);--border:lab(24.5944% -.643358 -2.13578/.7);--border-subtle:lab(18.7953% -.536799 -1.78018/.6);--border-strong:lab(32.7122% -.853404 -2.84538/.75);--accent:lab(73.2349% -56.9658 22.3457);--accent-hover:lab(65.1073% -57.3238 22.445);--accent-subtle:lab(73.2349% -56.9658 22.3457/.14);--accent-muted:lab(73.2349% -56.9658 22.3457/.22);--accent-gradient:linear-gradient(135deg,lab(73.2349% -56.9658 22.3457),lab(61.6236% -57.5082 22.4961));--shadow-xs:0 1px 2px lab(0% 0 0/.3);--shadow-sm:0 2px 6px lab(0% 0 0/.35);--shadow-md:0 4px 16px lab(0% 0 0/.4);--shadow-lg:0 8px 28px lab(0% 0 0/.45);--shadow-xl:0 16px 48px lab(0% 0 0/.55);--sidebar-bg:lab(.901606% -.112623 -.447014);--sidebar-bg-gradient:linear-gradient(180deg,lab(.901606% -.112623 -.447014) 0%,lab(2.47293% -.344828 -1.41466) 100%);--sidebar-text:lab(90.7178% -.333697 -1.07453);--sidebar-text-muted:lab(55.915% -.656247 -2.1428);--sidebar-text-faint:lab(36.1947% -.649989 -2.13932);--sidebar-border:lab(100% 0 0/.08);--sidebar-hover:lab(100% 0 0/.08);--sidebar-active-bg:lab(73.2349% -56.9658 22.3457/.14);--sidebar-active-text:lab(73.2349% -56.9658 22.3457);--sidebar-accent-bar:lab(61.6236% -57.5082 22.4961);--sidebar-logo-shadow:0 4px 12px lab(61.6236% -57.5082 22.4961/.3);--sidebar-shadow:1px 0 0 lab(100% 0 0/.06)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;touch-action:manipulation;scroll-behavior:smooth;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.011em;font-feature-settings:"cv02","cv03","cv04","cv11";min-height:100dvh;font-family:Inter,-apple-system,BlinkMacSystemFont,Noto Sans JP,Hiragino Sans,sans-serif;font-size:14px;line-height:1.5}:lang(ja){letter-spacing:.02em;font-feature-settings:"palt";line-break:strict;overflow-wrap:anywhere;word-break:auto-phrase;line-height:1.8}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit;-webkit-tap-highlight-color:transparent}.heading-xl{letter-spacing:-.06em;text-wrap:balance;color:var(--text-primary);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.1}.heading-lg{letter-spacing:-.04em;text-wrap:balance;color:var(--text-primary);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;line-height:1.15}.heading-md{letter-spacing:-.02em;color:var(--text-primary);font-size:1rem;font-weight:700;line-height:1.25}.heading-sm{letter-spacing:-.01em;color:var(--text-primary);font-size:.8125rem;font-weight:600;line-height:1.3}.text-body{color:var(--text-secondary);font-size:.875rem;font-weight:400;line-height:1.5}.text-caption{letter-spacing:.01em;color:var(--text-tertiary);font-size:.6875rem;font-weight:500}.text-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-quaternary);font-size:.6875rem;font-weight:600}.text-number{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-glass{-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:var(--radius-lg);background:#ffffffb8;background:lab(100% 0 0/.72);border:1px solid #ffffff1f;border:1px solid lab(100% 0 0/.12)}[data-theme=dark] .card-glass{background:#ffffff0f;background:lab(100% 0 0/.06);border-color:#ffffff14;border-color:lab(100% 0 0/.08)}.btn{border-radius:var(--radius-md);letter-spacing:-.01em;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent-gradient);color:var(--accent-fg);box-shadow:var(--shadow-sm),0 2px 8px #00a06633;border:none}@supports (color:lab(0% 0 0)){.btn-primary{box-shadow:var(--shadow-sm),0 2px 8px lab(58.1395% -57.7166 22.5538/.2)}}.btn-primary:hover{box-shadow:var(--shadow-md),0 4px 16px #00a0664d}@supports (color:lab(0% 0 0)){.btn-primary:hover{box-shadow:var(--shadow-md),0 4px 16px lab(58.1395% -57.7166 22.5538/.3)}}.btn-secondary{color:var(--text-primary);border:1.5px solid var(--border);background:0 0}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--error-subtle);color:var(--error);border:1.5px solid #0000}.btn-danger:hover{background:var(--error);color:#fff}.btn-success{background:var(--success-subtle);color:var(--success);border:1.5px solid #0000}.btn-success:hover{background:var(--success);color:#fff}.btn-warning{background:var(--warning-subtle);color:var(--warning);border:1.5px solid #0000}.btn-warning:hover{background:var(--warning);color:#fff}.btn-lg{border-radius:var(--radius-lg);letter-spacing:-.02em;min-height:52px;padding:.875rem 1.5rem;font-size:1rem;font-weight:700}.btn-full{width:100%}.input-base{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-surface);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);appearance:none;padding:.75rem 1rem;font-size:.875rem}.input-base:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.input-base::placeholder{color:var(--text-quaternary)}.badge{border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.01em;align-items:center;gap:.25rem;padding:.1875rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-未着手{color:var(--status-not-started);background:#7c81861a;background:lab(53.5907% -1.0736 -3.56036/.1)}.badge-配布中{color:var(--status-in-progress);background:#1a83db14;background:lab(52.7661% -3.82182 -53.6623/.08)}.badge-配布完了{color:var(--status-completed);background:#00a06614;background:lab(58.1395% -57.7166 22.5538/.08)}.badge-保留{color:var(--status-pending);background:#e2a0001a;background:lab(70.9465% 19.2186 87.3143/.1)}.badge-差し戻し{color:var(--status-returned);background:#df202e14;background:lab(49.0306% 69.7939 45.0284/.08)}.badge-投函禁止{color:var(--status-forbidden);background:#8451c914;background:lab(44.9264% 40.4628 -55.5955/.08)}.badge-スター{color:var(--status-star);background:#e2a0001a;background:lab(70.9465% 19.2186 87.3143/.1)}.xp-bar{background:var(--bg-hover);border-radius:var(--radius-full);height:6px;overflow:hidden}.xp-bar-fill{background:var(--xp-gradient);border-radius:var(--radius-full);height:100%;transition:width .8s var(--ease-out);position:relative}.xp-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);background:linear-gradient(90deg,#0000,lab(100% 0 0/.3),#0000);animation:2s ease-in-out infinite xp-shimmer;position:absolute;inset:0}.level-badge{border-radius:var(--radius-full);background:var(--level-gradient);color:#fff;letter-spacing:.02em;justify-content:center;align-items:center;gap:4px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #615ed640;box-shadow:0 2px 8px lab(45.2841% 27.7799 -63.0038/.25)}.streak-badge{border-radius:var(--radius-full);background:var(--streak-gradient);color:#fff;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.08)}70%{transform:scale(.97)}to{transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes xp-shimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 8px #00a06626;box-shadow:0 0 8px lab(58.1395% -57.7166 22.5538/.15)}50%{box-shadow:0 0 20px #00a0664d;box-shadow:0 0 20px lab(58.1395% -57.7166 22.5538/.3)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}@keyframes celebration-pop{0%{opacity:0;transform:scale(0)rotate(-180deg)}60%{opacity:1;transform:scale(1.1)rotate(5deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes milestone-glow{0%,to{box-shadow:0 0 #00a06600;box-shadow:0 0 lab(58.1395% -57.7166 22.5538/0)}50%{box-shadow:0 0 0 10px #00a0661f;box-shadow:0 0 0 10px lab(58.1395% -57.7166 22.5538/.12)}}.animate-fade-in{animation:fadeIn .25s var(--ease-out)forwards}.animate-fade-in-up{animation:fadeInUp .35s var(--ease-out)forwards}.animate-slide-up{animation:slideUp .3s var(--ease-out)forwards}.animate-bounce-in{animation:bounceIn .4s var(--ease-spring)forwards}.animate-pulse{animation:1.5s ease-in-out infinite pulse}.animate-float{animation:3s ease-in-out infinite float}.animate-glow{animation:2s ease-in-out infinite glow-pulse}.stagger-children>*{opacity:0;animation:fadeInUp .35s var(--ease-out)forwards}.stagger-children>:first-child{animation-delay:40ms}.stagger-children>:nth-child(2){animation-delay:80ms}.stagger-children>:nth-child(3){animation-delay:.12s}.stagger-children>:nth-child(4){animation-delay:.16s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.24s}.skeleton{background:linear-gradient(90deg,var(--bg-hover)25%,var(--border)50%,var(--bg-hover)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:200;animation:fadeIn .2s var(--ease-out);background:#01010180;background:lab(.309372% -.0338852 -.130227/.5);position:fixed;inset:0}.text-gradient{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.press-effect{transition:transform var(--transition-fast)}.press-effect:active{transform:scale(.96)}.progress-ring-circle{transition:stroke-dashoffset 1s var(--ease-out);transform-origin:50%;transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:9999;background:var(--accent);color:#fff;border-radius:0 0 8px 8px;padding:12px 24px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-link:focus{top:0}button,[role=button],a,input,select,textarea{min-width:44px;min-height:44px}input[type=checkbox],input[type=radio]{min-width:24px;min-height:24px}@media (forced-colors:active){:focus-visible{outline:3px solid canvastext}button,[role=button]{border:1px solid buttontext}}@supports (line-height:1.5){body{letter-spacing:.01em;word-spacing:.05em;line-height:1.5}}@keyframes voice-pulse{0%{box-shadow:0 0 #df202e66;box-shadow:0 0 lab(49.0306% 69.7939 45.0284/.4)}70%{box-shadow:0 0 0 12px #df202e00;box-shadow:0 0 0 12px lab(49.0306% 69.7939 45.0284/0)}to{box-shadow:0 0 #df202e00;box-shadow:0 0 lab(49.0306% 69.7939 45.0284/0)}}.voice-active{animation:1.5s ease-in-out infinite voice-pulse}.voice-indicator{z-index:150;cursor:pointer;width:56px;height:56px;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:80px;right:16px}.voice-indicator.listening{color:#fff;background:linear-gradient(135deg,#df202e,#f14d4c);background:linear-gradient(135deg,lab(49.0306% 69.7939 45.0284),lab(57.3944% 63.124 38.0626));animation:1.5s ease-in-out infinite voice-pulse}.voice-indicator.idle{background:var(--bg-surface);color:var(--text-secondary);border:1.5px solid var(--border);box-shadow:var(--shadow-md)}.ai-badge{border-radius:var(--radius-full);color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#615ed6,#773ac1);background:linear-gradient(135deg,lab(45.2841% 27.7799 -63.0038),lab(38.5245% 47.42 -61.5911));align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.heatmap-cell{border-radius:var(--radius-xs);transition:all var(--transition-fast);cursor:default;position:relative}.heatmap-cell:hover{z-index:2;box-shadow:var(--shadow-md);transform:scale(1.15)}.widget-card{background:var(--bg-surface);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base);cursor:grab;position:relative}.widget-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow-accent)}.widget-card.dragging{opacity:.6;cursor:grabbing;transform:rotate(2deg)}.portal-hero{border-radius:0 0 var(--radius-2xl)var(--radius-2xl);color:#fff;text-align:center;background:linear-gradient(135deg,#080c0f 0%,#162330 50%,#14151f 100%);background:linear-gradient(135deg,lab(3.03964% -.478722 -2.0547) 0%,lab(12.9225% -2.26182 -10.321) 50%,lab(7.05658% 1.67041 -7.16021) 100%);padding:40px 20px;position:relative;overflow:hidden}.portal-hero:before{content:"";filter:blur(60px);background:#00a06614;background:lab(58.1395% -57.7166 22.5538/.08);border-radius:50%;width:300px;height:300px;position:absolute;top:-50%;right:-25%}.severity-critical{color:#df202e;color:lab(49.0306% 69.7939 45.0284);background:#df202e14;background:lab(49.0306% 69.7939 45.0284/.08)}.severity-high{color:#ee560c;color:lab(57.762% 57.8628 66.0755);background:#ee560c14;background:lab(57.762% 57.8628 66.0755/.08)}.severity-medium{color:#ce9200;color:lab(65.1107% 19.8037 96.9222);background:#ce920014;background:lab(65.1107% 19.8037 96.9222/.08)}.severity-low{color:#6d7277;color:lab(47.7904% -1.06922 -3.55804);background:#6d727714;background:lab(47.7904% -1.06922 -3.55804/.08)}.lang-option{border-radius:var(--radius-md);border:1.5px solid var(--border);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:10px;padding:12px 16px;display:flex}.lang-option:hover{border-color:var(--accent);background:var(--accent-subtle)}.lang-option.active{border-color:var(--accent);background:var(--accent-subtle);box-shadow:0 0 0 3px var(--accent-subtle)}@keyframes toast-in{0%{opacity:0;transform:translateY(100%)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(100%)scale(.95)}}.toast{z-index:300;border-radius:var(--radius-lg);animation:toast-in .3s var(--ease-out)forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-lg);align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast-success{color:#fff;background:#00a066e6;background:lab(58.1395% -57.7166 22.5538/.9)}.toast-error{color:#fff;background:#df202ee6;background:lab(49.0306% 69.7939 45.0284/.9)}.toast-info{color:#fff;background:#080c0fe6;background:lab(3.03964% -.478722 -2.0547/.9)}.admin-table-row{transition:background .12s}.admin-table-row:hover{background:var(--bg-hover)}.admin-sidebar button:focus-visible,.admin-topbar button:focus-visible,.mobile-bottom-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.filter-chip{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-tertiary);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.filter-chip:hover{background:var(--bg-hover);border-color:var(--border)}.filter-chip.active{background:var(--accent-subtle);color:var(--accent);border-color:var(--accent-muted)}@media (min-width:768px){.admin-kpi-grid{grid-template-columns:repeat(4,1fr)!important}.admin-charts-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)!important}.admin-staff-area-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important}}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table thead th{text-align:left;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);z-index:1;padding:8px 0;font-size:11px;font-weight:600;position:sticky;top:0}.admin-table tbody tr{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .12s}.admin-table tbody tr:hover{background:var(--bg-hover)}.admin-table tbody tr:active{background:var(--bg-active)}.admin-table td{font-variant-numeric:tabular-nums;padding:10px 0}.card-interactive{cursor:pointer;transition:transform .15s,box-shadow .15s}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.badge-pulse{animation:2s ease-in-out infinite badge-pulse}.empty-state-illustration{background:var(--bg-elevated);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 16px;display:flex}@media (max-width:767px){.admin-main-content{padding-bottom:calc(var(--bottom-nav-height) + 24px)!important}}@media (min-width:768px){.admin-sidebar button:not([data-active=true]):hover{background:var(--sidebar-hover)}}.admin-select{appearance:none;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-elevated)url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--text-secondary);cursor:pointer;min-width:100px;padding:8px 32px 8px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .15s}.admin-select:hover{border-color:var(--border-strong)}.admin-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle);outline:none}.progress-bar{background:var(--bg-hover);border-radius:3px;height:6px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.stat-up{color:var(--success)}.stat-down{color:var(--error)}.stat-neutral{color:var(--text-tertiary)}.responsive-table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border)transparent;position:relative;overflow-x:auto}.responsive-table-wrap::-webkit-scrollbar{height:6px}.responsive-table-wrap::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (max-width:767px){.hide-on-mobile{display:none!important}.responsive-table-wrap>table{min-width:640px}.stack-on-mobile{flex-direction:column!important;gap:8px!important;display:flex!important}.stack-on-mobile>*{width:100%!important}.full-width-on-mobile{width:100%!important;max-width:100%!important}.grid-collapse-mobile{grid-template-columns:1fr!important}.table-cards-mobile thead{display:none}.table-cards-mobile tr{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:8px;padding:12px;display:block}.table-cards-mobile td{justify-content:space-between;align-items:center;padding:4px 0;display:flex;border:none!important}.table-cards-mobile td:before{content:attr(data-label);color:var(--text-tertiary);margin-right:8px;font-size:11px;font-weight:600}}@media (min-width:768px){.hide-on-desktop{display:none!important}}@media (max-width:767px){[data-tab-bar=true]{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;overflow-x:auto!important}}