*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #080d18;--bg-elev-1: #0c1220;--bg-elev-2: #111a2e;--accent-danger: #ff3b3b;--accent-warn: #ff9a4d;--accent-success: #4dd68a;--accent-info: #5b9ef5;--accent-info-hover: #7eb6f7;--accent-primary: #8b0000;--accent-secondary: #f5c400;--tint-danger: rgba(255, 59, 59, .1);--tint-warn: rgba(255, 154, 77, .1);--tint-success: rgba(77, 214, 138, .1);--tint-info: rgba(91, 158, 245, .1);--text-primary: #e8eaf0;--text-secondary: #c4cad6;--text-muted: #8892b0;--text-dim: #5a6a8a;--border-subtle: #1a2840;--border-strong: #2a3d5e;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-md: 12px;--font-size-base: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-2xl: 18px;--font-size-3xl: 22px;--font-size-4xl: 28px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .04em;--letter-spacing-wider: .08em;--radius-1: 3px;--radius-2: 5px;--radius-3: 6px;--radius-4: 8px;--radius-5: 10px;--radius-6: 12px;--radius-7: 14px;--motion-fast: .1s ease-out;--motion-base: .18s ease-out;--motion-slow: .25s ease;--touch-min: 44px;--touch-default: 48px;--touch-large: 56px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 900;--z-modal: 1000;--z-toast: 1100;--z-tooltip: 1200;--header-height: 56px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html,body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body{min-height:100vh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}#app{min-height:100vh}a{color:var(--accent-info);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.surface{background:var(--bg-elev-1);border:1px solid var(--border-subtle);border-radius:var(--radius-4);padding:var(--space-4)}.surface--flat{background:transparent;border:none;padding:0}.surface--elev{background:var(--bg-elev-2)}.section-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.section-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight)}.section-header small{color:var(--text-muted);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide)}.pill{display:inline-block;padding:1px 6px;border-radius:var(--radius-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wide);border:1px solid transparent;white-space:nowrap;font-variant-numeric:tabular-nums}.pill[data-tone=info]{background:var(--tint-info);border-color:#5b9ef54d;color:var(--accent-info)}.pill[data-tone=warn]{background:var(--tint-warn);border-color:#ff9a4d4d;color:var(--accent-warn)}.pill[data-tone=danger]{background:var(--tint-danger);border-color:#ff3b3b66;color:var(--accent-danger)}.pill[data-tone=success]{background:var(--tint-success);border-color:#4dd68a4d;color:var(--accent-success)}.pill[data-tone=muted]{background:transparent;border-color:var(--border-subtle);color:var(--text-muted)}.btn{min-height:var(--touch-default);padding:var(--space-2) var(--space-4);border-radius:var(--radius-3);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border:1px solid var(--border-subtle);background:var(--bg-elev-1);color:var(--text-primary);cursor:pointer;font-family:inherit;transition:border-color var(--motion-fast),background var(--motion-fast),color var(--motion-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn:hover{border-color:var(--border-strong);background:var(--bg-elev-2)}.btn:active{background:var(--bg-elev-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--accent-info);border-color:var(--accent-info);color:var(--bg-primary);font-weight:var(--font-weight-semibold)}.btn--primary:hover{background:var(--accent-info-hover);border-color:var(--accent-info-hover)}.btn--danger{color:var(--accent-danger);border-color:#ff3b3b73;background:var(--tint-danger)}.btn--ghost{background:transparent;border:none;color:var(--text-muted);min-height:auto;padding:var(--space-1) var(--space-2)}.btn--ghost:hover{color:var(--text-primary);background:var(--bg-elev-2)}.btn--inline{min-height:32px;padding:4px var(--space-3);font-size:var(--font-size-md)}.modal{padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-6);background:var(--bg-elev-1);color:var(--text-primary);max-width:560px;width:calc(100vw - 32px);font-family:inherit;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}.modal::backdrop{background:#0000008c;backdrop-filter:blur(2px)}.modal>form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.modal>form h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2);color:var(--text-primary)}.modal>form label{display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-sm);color:var(--text-muted)}.modal>form input,.modal>form select,.modal>form textarea{background:var(--bg-elev-2);color:var(--text-primary);border:1px solid var(--border-subtle);padding:var(--space-2) var(--space-3);border-radius:var(--radius-3);font-size:var(--font-size-base);font-family:inherit;min-height:var(--touch-default);transition:border-color var(--motion-fast)}.modal>form textarea{min-height:80px;resize:vertical;line-height:1.45}.modal>form input:focus,.modal>form select:focus,.modal>form textarea:focus{border-color:var(--accent-info);outline:none}.modal>form .wo-list__modal-hint,.modal>form .wo-detail__modal-hint{margin:0;padding:var(--space-2) var(--space-3);background:var(--bg-elev-2);border-radius:var(--radius-2);color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.4}.modal>form menu{display:flex;justify-content:flex-end;gap:var(--space-2);padding:0;margin:var(--space-2) 0 0;list-style:none;border-top:1px solid var(--border-subtle);padding-top:var(--space-3)}.modal>form menu button{min-height:var(--touch-default);padding:var(--space-2) var(--space-4);border-radius:var(--radius-3);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit;background:var(--bg-elev-2);color:var(--text-primary);border:1px solid var(--border-subtle);transition:border-color var(--motion-fast),background var(--motion-fast)}.modal>form menu button:hover{border-color:var(--border-strong);background:var(--bg-elev-1)}.modal>form menu button:disabled{opacity:.45;cursor:not-allowed}.modal>form menu button[type=submit]{background:var(--accent-info);color:var(--bg-primary);border-color:var(--accent-info);font-weight:var(--font-weight-semibold)}.modal>form menu button[type=submit]:hover{background:var(--accent-info-hover);border-color:var(--accent-info-hover)}.modal>form menu button[type=submit][aria-busy=true]{opacity:.75;cursor:progress}.modal__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);padding:var(--space-4) var(--space-4) 0;margin:0}.modal__body{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.modal__footer{padding:var(--space-3) var(--space-4) var(--space-4);display:flex;justify-content:flex-end;gap:var(--space-2);border-top:1px solid var(--border-subtle);margin-top:var(--space-2)}.modal__hint{font-size:var(--font-size-sm);color:var(--text-muted)}@media (max-width: 639px){.modal{max-width:none;width:100vw;height:auto;max-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px);max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 16px);border-radius:var(--radius-5);margin:env(safe-area-inset-top,0px) auto env(safe-area-inset-bottom,0px)}.modal__footer button{min-height:var(--touch-default)}.modal>form input,.modal>form select,.modal>form textarea{font-size:var(--font-size-xl)}}.skeleton{display:block;background:linear-gradient(90deg,var(--bg-elev-1) 0%,var(--bg-elev-2) 50%,var(--bg-elev-1) 100%);background-size:200% 100%;border-radius:var(--radius-2);height:14px;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;padding:var(--space-5) var(--space-4);color:var(--text-muted);font-size:var(--font-size-base)}.empty-state__icon{display:block;font-size:var(--font-size-2xl);margin-bottom:var(--space-2);opacity:.6}.error-state{background:#ff3b3b0f;border:1px solid rgba(255,59,59,.25);color:var(--text-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-3);font-size:var(--font-size-base)}.field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.field label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:var(--font-weight-medium)}.field input,.field select,.field textarea{background:var(--bg-elev-2);border:1px solid var(--border-subtle);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-3);font-size:var(--font-size-base);font-family:inherit;min-height:var(--touch-default);transition:border-color var(--motion-fast)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent-info);outline:none}.field textarea{min-height:80px;resize:vertical}.field__hint{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--space-1)}@media (max-width: 639px){.field input,.field select,.field textarea{font-size:var(--font-size-xl)}}.placeholder-page{padding:var(--space-6);max-width:1200px;margin:0 auto}.placeholder-page h1{color:var(--accent-secondary);font-size:24px;margin-bottom:var(--space-2)}.placeholder-page p{color:var(--text-muted);margin-bottom:var(--space-6)}.placeholder-page code{background:var(--bg-elev-1);padding:2px 6px;border-radius:4px;font-size:var(--font-size-base)}.placeholder-nav{display:flex;flex-wrap:wrap;gap:var(--space-2)}.placeholder-nav__item{display:inline-block;padding:8px 14px;background:var(--bg-elev-1);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-4);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.placeholder-nav__item:hover{border-color:var(--accent-secondary);text-decoration:none}.placeholder-nav__item.is-active{border-color:var(--accent-primary);background:var(--bg-elev-2)}.sign-out-control{position:fixed;top:calc(env(safe-area-inset-top,0px) + var(--space-3));right:14px;z-index:var(--z-sticky);background:var(--bg-elev-1);border:1px solid var(--border-subtle);color:var(--text-muted);padding:6px 14px;border-radius:var(--radius-3);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent;transition:border-color var(--motion-fast),color var(--motion-fast),background var(--motion-fast)}.sign-out-control:hover{border-color:var(--accent-danger);color:var(--accent-danger)}.sign-out-control:active{background:var(--bg-elev-2)}.sign-out-control[hidden]{display:none}@media (max-width: 639px){.sign-out-control{top:calc(env(safe-area-inset-top,0px) + var(--space-2));right:10px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-md)}}