@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");:root{--surface:#fbf9f8;--surface-dim:#dbd9d9;--surface-bright:#fbf9f8;--surface-container-lowest:#ffffff;--surface-container-low:#f5f3f3;--surface-container:#efeded;--surface-container-high:#eae8e7;--surface-container-highest:#e4e2e2;--surface-variant:#e4e2e2;--surface-tint:#7c5267;--on-surface:#1b1c1c;--on-surface-variant:#4f4448;--inverse-surface:#303030;--inverse-on-surface:#f2f0f0;--outline:#817478;--outline-variant:#d3c2c8;--primary:#7c5267;--on-primary:#ffffff;--primary-container:#bd8ca3;--on-primary-container:#4a2639;--inverse-primary:#edb8d0;--primary-fixed:#ffd8e8;--primary-fixed-dim:#edb8d0;--on-primary-fixed:#301022;--on-primary-fixed-variant:#623b4f;--secondary:#735949;--on-secondary:#ffffff;--secondary-container:#ffdcc6;--on-secondary-container:#795f4e;--secondary-fixed:#ffdcc6;--secondary-fixed-dim:#e1c0ac;--on-secondary-fixed:#29170b;--on-secondary-fixed-variant:#594232;--tertiary:#79590e;--on-tertiary:#ffffff;--tertiary-container:#bb9446;--on-tertiary-container:#432e00;--tertiary-fixed:#ffdea4;--tertiary-fixed-dim:#ebc06d;--on-tertiary-fixed:#261900;--on-tertiary-fixed-variant:#5d4200;--error:#ba1a1a;--on-error:#ffffff;--error-container:#ffdad6;--on-error-container:#93000a;--background:#fbf9f8;--on-background:#1b1c1c;--newtt-green:#2e7d32;--newtt-green-container:#e3f2e4;--newtt-green-on-container:#1b5e20;--newtt-amber:#b26a00;--newtt-amber-container:#fff3dc;--newtt-amber-on-container:#7a4a00;--newtt-red:#ba1a1a;--newtt-red-container:#ffdad6;--newtt-red-on-container:#93000a;--font-family:"Plus Jakarta Sans","Noto Sans TC",-apple-system,"PingFang TC","Microsoft JhengHei",sans-serif;--font-display-lg:800 48px/56px var(--font-family);--letter-display-lg:-0.02em;--font-headline-lg:700 32px/40px var(--font-family);--letter-headline-lg:-0.01em;--font-headline-md:700 24px/32px var(--font-family);--font-headline-sm:600 20px/28px var(--font-family);--font-headline-lg-mobile:700 28px/36px var(--font-family);--font-body-lg:400 18px/28px var(--font-family);--font-body-md:400 16px/24px var(--font-family);--font-label-md:600 14px/20px var(--font-family);--font-label-sm:500 12px/16px var(--font-family);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:40px;--spacing-2xl:64px;--spacing-gutter:16px;--spacing-margin-mobile:20px;--spacing-margin-desktop:80px;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-card:0 8px 24px rgba(124,82,103,0.05);--shadow-float:0 12px 32px rgba(124,82,103,0.10);--glass-blur:blur(12px);--glass-bg:rgba(251,249,248,0.80);--content-max-width:1440px;--sidebar-width:264px;--topbar-height:64px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font:var(--font-body-md);color:var(--on-background);background:linear-gradient(160deg,#ffffff 0,var(--background) 45%,#f6f0ee 100%);background-attachment:fixed;min-height:100vh}h1{font:var(--font-headline-lg);letter-spacing:var(--letter-headline-lg)}h2{font:var(--font-headline-md)}h3{font:var(--font-headline-sm)}a{color:var(--primary);text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:var(--font-family)}img{max-width:100%;display:block}::selection{background:var(--primary-fixed);color:var(--on-primary-fixed)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-full);font:var(--font-label-md);padding:12px 24px;transition:opacity .15s ease,transform .1s ease,box-shadow .15s ease;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--tertiary-fixed) 0,var(--tertiary-fixed-dim) 100%);color:var(--on-tertiary-fixed);box-shadow:var(--shadow-card)}.btn-primary:hover:not(:disabled){opacity:.9;box-shadow:var(--shadow-float)}.btn-secondary{background:var(--primary-fixed);color:var(--primary)}.btn-secondary:hover:not(:disabled){opacity:.9}.btn-ghost{background:transparent;color:var(--on-surface-variant);border:1px solid var(--outline-variant)}.btn-ghost:hover:not(:disabled){background:var(--surface-container-low)}.btn-danger{background:var(--error-container);color:var(--on-error-container)}.btn-danger:hover:not(:disabled){opacity:.9}.btn-sm{padding:8px 16px;font:var(--font-label-sm)}.btn-lg{padding:16px 32px;font:var(--font-label-md);font-size:16px}.btn-block{width:100%}.card{background:var(--surface-container-lowest);border:1px solid var(--surface-container-low);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);padding:var(--spacing-lg)}.card-hover{transition:box-shadow .2s ease,transform .2s ease}.card-hover:hover{box-shadow:var(--shadow-float);transform:translateY(-2px)}.card-title{font:var(--font-headline-sm);margin-bottom:var(--spacing-md)}.input-pill{width:100%;border:1px solid transparent;border-radius:var(--radius-full);background:var(--secondary-container);color:var(--on-secondary-fixed);font:var(--font-body-md);padding:12px 20px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input-pill::placeholder{color:var(--on-secondary-container);opacity:.7}.input-pill:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(124,82,103,.15)}.input-pill:disabled{opacity:.6;cursor:not-allowed}.input-error{border-color:var(--error)}.input-label{display:block;font:var(--font-label-md);margin-bottom:var(--spacing-xs)}.input-hint,.input-label{color:var(--on-surface-variant);padding-left:var(--spacing-md)}.input-hint{font:var(--font-label-sm);margin-top:var(--spacing-xs)}.input-hint-error{color:var(--error)}textarea.input-pill{border-radius:var(--radius-xl);resize:vertical;min-height:96px}select.input-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234f4448' d='M1.41 0 6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:44px}.chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);background:rgba(255,216,232,.55);color:var(--on-primary-fixed-variant);font:var(--font-label-sm);font-weight:600;border-radius:var(--radius-sm);padding:4px 10px}.chip-selected{background:var(--primary);color:var(--on-primary)}.progress-bar{width:100%;height:8px;background:var(--surface-container-high);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0,var(--tertiary-fixed-dim) 100%);transition:width .4s ease}.badge{display:inline-flex;align-items:center;gap:4px;font:var(--font-label-sm);font-weight:600;border-radius:var(--radius-full);padding:3px 10px;background:var(--surface-container-high);color:var(--on-surface-variant)}.badge-primary{background:var(--primary-fixed);color:var(--on-primary-fixed-variant)}.badge-success{background:var(--newtt-green-container);color:var(--newtt-green-on-container)}.badge-warning{background:var(--newtt-amber-container);color:var(--newtt-amber-on-container)}.badge-danger{background:var(--newtt-red-container);color:var(--newtt-red-on-container)}.badge-gold{background:var(--tertiary-fixed);color:var(--on-tertiary-fixed)}.alert-banner{display:flex;align-items:flex-start;gap:var(--spacing-md);border-radius:var(--radius-xl);padding:var(--spacing-md) var(--spacing-lg);border:1px solid transparent}.alert-green{background:var(--newtt-green-container);border-color:rgba(46,125,50,.25);color:var(--newtt-green-on-container)}.alert-amber{background:var(--newtt-amber-container);border-color:rgba(178,106,0,.3);color:var(--newtt-amber-on-container)}.alert-red{background:var(--newtt-red-container);border-color:rgba(186,26,26,.3);color:var(--newtt-red-on-container)}.glass-nav{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);border:2px solid var(--primary);display:inline-flex;align-items:center;justify-content:center;background:var(--primary-fixed);color:var(--on-primary-fixed);font:var(--font-label-md);overflow:hidden;flex-shrink:0}.data-table{width:100%;border-collapse:collapse;font:var(--font-body-md);font-size:15px}.data-table th{text-align:left;font:var(--font-label-md);color:var(--on-surface-variant);padding:12px 16px;border-bottom:1px solid var(--outline-variant);white-space:nowrap}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--primary)}.data-table td{padding:12px 16px;border-bottom:1px solid var(--surface-container)}.data-table tbody tr:hover{background:var(--surface-container-low)}.data-table tbody tr.clickable{cursor:pointer}.modal-overlay{position:fixed;inset:0;background:rgba(27,28,28,.35);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-panel{background:var(--surface-container-lowest);border-radius:var(--radius-2xl);box-shadow:var(--shadow-float);width:100%;max-width:560px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden;animation:modal-in .18s ease}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md)}.modal-body{padding:0 var(--spacing-lg) var(--spacing-lg);overflow-y:auto}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--surface-container);background:var(--surface-container-low)}.dashboard-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--surface-container);display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:40;overflow-y:auto;padding:var(--spacing-lg) var(--spacing-md)}.sidebar-brand{display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm) var(--spacing-lg);font:var(--font-headline-sm);color:var(--primary)}.sidebar-section-label{font:var(--font-label-sm);color:var(--on-surface-variant);padding:var(--spacing-md) var(--spacing-md) var(--spacing-xs);text-transform:uppercase;letter-spacing:.06em}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);border-radius:var(--radius-full);color:var(--on-surface-variant);font:var(--font-label-md);margin-bottom:2px;transition:background .15s ease,color .15s ease}.sidebar-link:hover{background:var(--surface-container-high);color:var(--on-surface)}.sidebar-link.active{background:var(--primary-container);color:var(--on-primary-container)}.dashboard-main{flex:1 1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0}.topbar{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:0 var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;z-index:30;border-bottom:1px solid var(--surface-container)}.dashboard-content{flex:1 1;width:100%;max-width:var(--content-max-width);padding:var(--spacing-lg);margin:0 auto}.mobile-nav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);box-shadow:0 -12px 32px rgba(124,82,103,.1);padding:var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-sm) + env(safe-area-inset-bottom))}.mobile-nav-inner{display:flex;justify-content:space-around}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font:var(--font-label-sm);color:var(--on-surface-variant);padding:6px 10px;border-radius:var(--radius-lg);min-width:56px}.mobile-nav-item.active{color:var(--primary);background:rgba(255,216,232,.55)}.grid{display:grid;grid-gap:var(--spacing-gutter);gap:var(--spacing-gutter);grid-template-columns:repeat(12,minmax(0,1fr))}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.col-span-6{grid-column:span 6}.col-span-8{grid-column:span 8}.col-span-12{grid-column:span 12}.page-container{max-width:var(--content-max-width);margin:0 auto;padding-left:var(--spacing-margin-desktop);padding-right:var(--spacing-margin-desktop)}@media (max-width:1024px){.col-span-3,.col-span-4{grid-column:span 6}.col-span-8{grid-column:span 12}}@media (max-width:768px){h1{font:var(--font-headline-lg-mobile)}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.col-span-3,.col-span-4,.col-span-6,.col-span-8{grid-column:span 4}.page-container{padding-left:var(--spacing-margin-mobile);padding-right:var(--spacing-margin-mobile)}.sidebar{display:none}.dashboard-main{margin-left:0}.mobile-nav{display:block}.dashboard-content{padding:var(--spacing-md) var(--spacing-margin-mobile) 96px}}.text-muted{color:var(--on-surface-variant)}.text-error{color:var(--error)}.text-primary{color:var(--primary)}.text-center{text-align:center}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.spinner{width:16px;height:16px;border:2px solid;border-top:2px solid transparent;border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}