.shell{display:flex;min-height:100vh}.shell__sidebar{width:var(--sidebar-w);flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) var(--space-4);background:var(--bgf);border-right:1px solid var(--b);position:sticky;top:0;height:100vh}.shell__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.shell__logo{width:24px;height:24px;border-radius:6px;object-fit:cover}.shell__brand-name{font-weight:700;font-size:var(--text-lg);letter-spacing:.02em}.shell__org-switcher{font-size:var(--text-sm)}.shell__nav{display:flex;flex-direction:column;gap:2px;flex:1}.shell__nav-item{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-sm);color:var(--ink3);font-size:var(--text-md);transition:all var(--tr-fast)}.shell__nav-item:hover{color:var(--ink);background:var(--bgh)}.shell__nav-item.is-active{color:var(--accent);background:var(--ybg);font-weight:600}.shell__footer{border-top:1px solid var(--b);padding-top:var(--space-4)}.shell__user-name{font-size:var(--text-sm);font-weight:600;color:var(--ink2)}.shell__user-org{font-size:var(--text-xs);color:var(--ink4);margin-top:2px}.shell__signout{margin-top:var(--space-3);background:none;border:none;color:var(--ink4);font-size:var(--text-sm);cursor:pointer;padding:0}.shell__signout:hover{color:var(--red)}.shell__main{flex:1;max-width:var(--page-max-w);padding:var(--space-8) var(--page-pad-x);width:100%;margin:0 auto}.page-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-6)}@media (max-width: 760px){.shell{flex-direction:column}.shell__sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;overflow-x:auto;border-right:none;border-bottom:1px solid var(--b)}.shell__nav{flex-direction:row}.shell__footer{border:none;padding:0;margin-left:auto}.shell__user{display:none}}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:9px 18px;border-radius:var(--radius-full);border:1px solid var(--b);background:var(--bgh);color:var(--ink);font-size:var(--text-md);font-weight:500;cursor:pointer;transition:all var(--tr-fast)}.btn:hover{border-color:var(--b2);background:var(--bgr)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:transparent;color:var(--accent-fg);font-weight:600}.btn--primary:hover{background:var(--accent);filter:brightness(1.08)}.btn--ghost{background:transparent;border-color:transparent;color:var(--ink3)}.btn--ghost:hover{color:var(--ink);background:var(--bgh)}.card{background:var(--bgr);border:1px solid var(--b);border-radius:var(--radius-md);box-shadow:var(--sh);padding:var(--space-5)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center;color:var(--ink3)}.empty-state__emoji{font-size:2rem}.empty-state__title{color:var(--ink2);font-weight:600;font-size:var(--text-lg)}.spinner{width:22px;height:22px;border:2px solid var(--b2);border-top-color:var(--accent);border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;border:1px solid var(--b);color:var(--ink2)}.badge--accent{background:var(--ybg);color:var(--accent);border-color:transparent}.badge--green{background:var(--gbg);color:var(--green);border-color:transparent}.badge--red{background:var(--rbg);color:var(--red);border-color:transparent}:root{color-scheme:dark light;--bg: #0f1013;--bg2: #15171c;--bgr: rgba(38, 42, 50, .7);--bgf: rgba(30, 33, 40, .6);--bgh: rgba(230, 236, 245, .06);--b: rgba(230, 236, 245, .1);--b2: rgba(230, 236, 245, .2);--ink: #e8ecf2;--ink2: #c2c8d2;--ink3: #848b98;--ink4: #565d6a;--accent: #d4af6a;--accent-fg: #0f1013;--green: #7ea884;--red: #cf6664;--yel: #d4af6a;--blu: #94a8b5;--gbg: rgba(126, 168, 132, .1);--rbg: rgba(207, 102, 100, .1);--ybg: rgba(212, 175, 106, .12);--bbg: rgba(148, 168, 181, .1);--modal-bg: #1c1f25;--dropdown-bg: #1c1f25;--dropdown-bg-hover: #262a32;--sh: inset 0 1px 0 rgba(230, 236, 245, .06), 0 1px 0 rgba(0, 0, 0, .4), 0 22px 50px -22px rgba(0, 0, 0, .55);--sf: "Outfit", "Noto Sans TC", system-ui, sans-serif;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--text-xs: .68rem;--text-sm: .78rem;--text-md: .9rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.55rem;--page-max-w: 1180px;--page-pad-x: clamp(16px, 3vw, 32px);--sidebar-w: 224px;--tr: .24s cubic-bezier(.4, 0, .2, 1);--tr-fast: .16s ease;--z-app-chrome: 100;--z-overlay-backdrop: 20000;--z-overlay-surface: 20010;--z-dropdown: 20020;--z-toast: 30000}[data-theme=light]{--bg: #eceae5;--bg2: #f6f4ef;--bgr: rgba(255, 255, 255, .72);--bgf: rgba(255, 255, 255, .55);--bgh: rgba(22, 22, 18, .04);--b: rgba(22, 22, 18, .1);--b2: rgba(22, 22, 18, .2);--ink: #16171a;--ink2: #34363c;--ink3: #6d7078;--ink4: #a3a6ad;--accent-fg: #16171a;--modal-bg: #ffffff;--dropdown-bg: #ffffff;--dropdown-bg-hover: #f0eee8;--sh: 0 1px 0 rgba(22, 22, 18, .04), 0 18px 40px -20px rgba(22, 22, 18, .18)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sf);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-size:var(--text-md)}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}::selection{background:var(--accent);color:var(--accent-fg)}.field{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--b);background:var(--bg2);color:var(--ink);font-size:var(--text-md);transition:border-color var(--tr-fast)}.field:focus{outline:none;border-color:var(--accent)}.field::placeholder{color:var(--ink4)}