:root{font-family:Avenir Next,Noto Sans TC,PingFang TC,sans-serif;color:#303030;background:#f7f7f7;line-height:1.5;font-weight:400;--ui-primary: #00733f;--ui-secondary: #155896;--ui-warning: #fccf48;--ui-error: #d14b2b;--muted: #7a7a7a}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100vh}body{margin:0;background:#f7f7f7}button,input,select{font:inherit}a{color:inherit;text-decoration:none}h1,h2{margin:0;color:#2f2f2f;font-weight:600}.muted-copy,.shell-subtitle,.table-secondary,.admin-label{color:var(--muted)}.brand-mark{display:inline-flex;align-items:center;gap:.85rem}.brand-logo{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #00733f1f}.brand-copy{display:grid;gap:.1rem;color:var(--ui-primary)}.brand-copy strong{font-size:1.05rem;font-weight:700}.brand-copy span{font-size:.82rem;color:#6aa183}.auth-page{min-height:100vh;display:grid;grid-template-rows:auto minmax(0,1fr);align-content:stretch;justify-items:center;gap:0;padding:2rem 1rem;background:#f7f7f7}.auth-brand-wrap{width:100%;display:flex;justify-content:center}.auth-card{align-self:center;width:min(396px,100%);background:#fff;border:1px solid #efefef;border-radius:18px;padding:2rem;box-shadow:0 18px 48px #0000000d}.auth-card h1{text-align:center;margin-bottom:.4rem;font-size:1.3rem}.auth-subtitle{margin:0 0 1.5rem;color:var(--muted);text-align:center}.login-form,.search-box{display:grid;gap:1rem}.login-form label{display:grid;gap:.45rem;font-size:.92rem}input,select{width:100%;border-radius:10px;border:1px solid #efefef;background:#fafafa;padding:.8rem .95rem;color:#303030}input:focus,select:focus{outline:2px solid rgba(0,115,63,.15);border-color:#00733f47}.auth-row,.content-header,.panel-heading,.event-header,.topbar,.topbar-actions,.template-pagination,.pager-group,.filters-row,.filters-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem}.primary-button,.ghost-button,.page-button{border-radius:10px;cursor:pointer;transition:opacity .14s ease,transform .14s ease}.primary-button{border:none;background:var(--ui-primary);color:#fff;padding:.9rem 1rem}.auth-button{border-radius:8px}.filter-button{min-width:96px}.ghost-button,.page-button{background:#fff;border:1px solid #e2e2e2;color:#303030;padding:.7rem 1rem}.primary-button:hover,.ghost-button:hover,.page-button:hover,.account-logout:hover,.avatar-button:hover{transform:translateY(-1px)}.primary-button:disabled,.ghost-button:disabled,.page-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.form-error{color:var(--ui-error);margin:0}.dashboard-frame{height:100vh;min-height:0;display:grid;grid-template-rows:72px minmax(0,1fr);background:#f7f7f7;overflow:hidden}.dashboard-body{height:100%;min-height:0;position:relative;overflow:hidden}.sidebar{position:absolute;inset:0 auto 0 0;z-index:20;width:220px;background:#fff;border-right:1px solid #e6e6e6;padding:.8rem .55rem;overflow:auto;box-shadow:12px 0 28px #0000000f;transition:width .16s ease,box-shadow .16s ease}.dashboard-frame[data-sidebar-collapsed=true] .sidebar{width:72px;box-shadow:none}.sidebar-nav{display:grid;gap:.55rem}.sidebar-controls{display:flex;justify-content:flex-start;margin-bottom:.9rem}.sidebar-link{display:flex;align-items:center;gap:.65rem;padding:.72rem .7rem;border-radius:8px;color:#a1a1a1;justify-content:flex-start;font-size:.82rem}.sidebar-link.active{background:var(--ui-primary);color:#fff}.sidebar-link.disabled{cursor:default}.sidebar-icon{width:22px;height:22px;border:2px solid currentColor;border-radius:4px;opacity:.85;flex-shrink:0}.sidebar-label{white-space:nowrap}.dashboard-frame[data-sidebar-collapsed=true] .sidebar-link{width:48px;height:48px;justify-content:center;padding:0;margin-inline:auto}.dashboard-frame[data-sidebar-collapsed=true] .sidebar-label{display:none}.topbar{padding:0 1.6rem;background:#fff;border-bottom:1px solid #e8e8e8}.topbar-left{display:flex;align-items:center;min-width:0}.topbar-left .brand-mark{min-width:0}.topbar-left .brand-copy strong,.topbar-left .brand-copy span{white-space:nowrap}.sidebar-toggle{width:48px;height:48px;padding:0;border:1px solid #e2e2e2;border-radius:12px;background:#fff;color:#4b4b4b;display:grid;place-items:center;cursor:pointer}.floating-sidebar-toggle{display:none}.hamburger-lines{width:16px;display:grid;gap:3px}.hamburger-lines span{display:block;height:2px;border-radius:999px;background:currentColor}.account-menu{position:relative}.avatar-button{padding:0;border:none;background:transparent;cursor:pointer}.avatar-chip{width:40px;height:40px;border-radius:999px;background:linear-gradient(135deg,#1d1d1d,#5c5c5c);color:#fff;display:grid;place-items:center;font-weight:700}.account-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;padding:.85rem;display:grid;gap:.45rem;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 16px 30px #00000014;z-index:10}.account-logout{margin-top:.35rem;padding:.65rem .8rem;border:1px solid #e2e2e2;border-radius:10px;background:#fff;cursor:pointer}.shell-main{padding:1.5rem 1.5rem 1.5rem calc(72px + 1.5rem);height:100%;min-height:0;overflow:hidden}.content-card,.panel,.event-card{background:#fff;border:1px solid #ebebeb}.content-card{border-radius:18px;padding:1.2rem;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.content-header{margin-bottom:.9rem;flex-shrink:0}.users-view,.detail-view{flex:1;min-height:0}.users-view{display:flex;flex-direction:column;overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.75rem;flex-shrink:0}.detail-view{overflow-y:auto;overflow-x:hidden;padding-right:.1rem;padding-bottom:1rem}.filters-row{margin-bottom:.75rem;flex-wrap:wrap;flex-shrink:0;gap:.75rem}.filters-actions{flex-wrap:wrap;gap:.55rem;margin-left:auto}.notice-stack{display:grid;gap:.55rem;margin-bottom:.8rem}.dependency-notice{margin:0;padding:.72rem .9rem;border-radius:10px;border:1px solid transparent;font-size:.92rem}.dependency-notice[data-tone=warning]{background:#fff7de;border-color:#f2df9f;color:#7a5b00}.dependency-notice[data-tone=info]{background:#f3f5f6;border-color:#d7dddf;color:#566166}.search-box{position:relative;width:min(320px,100%)}.search-box input{min-height:40px;padding:.62rem .8rem .62rem 2rem;font-size:.93rem}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--muted);font-size:.9rem}.select-filter select{min-width:108px;background:#fafafa;min-height:40px;padding:.62rem 2rem .62rem .75rem;font-size:.9rem}.filter-button{min-width:82px;padding:.68rem .9rem}.refresh-button{width:36px;min-width:36px;height:36px;padding:0;border-radius:999px;display:grid;place-items:center;font-size:1rem;line-height:1}.table-shell{flex:1;min-height:0;overflow-x:auto;overflow-y:auto;border:1px solid #ececec;border-radius:10px}.data-table{width:100%;border-collapse:collapse;min-width:980px}.data-table th,.data-table td{padding:.82rem .75rem;border-bottom:1px solid #ececec;text-align:center;vertical-align:middle;font-size:.94rem}.data-table th{font-weight:600;background:#fafafa;white-space:nowrap;text-align:center}.header-row th{vertical-align:top;padding-top:.65rem;padding-bottom:.65rem}.column-head{min-width:110px}.column-head-action{min-width:84px}.column-sort{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:0;border:none;background:transparent;color:inherit;font-weight:600;cursor:pointer}.sort-icon{width:16px;min-width:16px;display:inline-grid;place-items:center;line-height:1}.header-filter{margin-top:.55rem}.header-filter select,.header-filter input{min-height:36px;padding:.55rem .7rem;font-size:.86rem;border-radius:8px}.cell-text{text-align:left}.cell-center{text-align:center}.cell-right{text-align:right}.risk-loading{color:var(--muted);font-size:.9rem}.table-primary{display:grid;gap:.15rem}.detail-link{color:var(--ui-primary);font-weight:600}.status-pill,.risk-badge{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.38rem .75rem}.status-pill{background:#eef8f1;color:var(--ui-primary)}.status-pill[data-tone=warning]{background:#fff7de;color:#896816}.status-pill[data-tone=danger]{background:#fbe9e6;color:var(--ui-error)}.risk-badge{border:1px solid transparent;font-size:.9rem;white-space:nowrap}.template-pagination{margin-top:1.2rem;justify-content:flex-end;flex-wrap:wrap;flex-shrink:0}.pager-group{justify-content:flex-end}.page-button,.page-indicator{width:32px;height:32px;display:grid;place-items:center;border-radius:999px}.page-button{padding:0}.page-button-text{width:auto;min-width:68px;padding:0 .8rem;border-radius:999px}.page-label{color:#303030;font-weight:600;white-space:nowrap}.page-indicator.active{background:var(--ui-primary);color:#fff}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.9rem}.detail-risk-strip{margin-top:.8rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.72rem .95rem;border:1px solid #ebebeb;border-radius:8px;background:#fff}.detail-risk-strip>div{display:flex;align-items:center;gap:.75rem}.strip-label{color:#2f2f2f;font-size:1rem;font-weight:600}.panel{border-radius:8px;padding:1.2rem}.definition-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1rem;margin:0}.definition-list div{padding-bottom:.8rem;border-bottom:1px solid #ededed}.definition-list dt{margin-bottom:.3rem;color:var(--muted);font-size:.84rem}.definition-list dd{margin:0}.mini-table-shell{max-height:220px;overflow:auto;border:1px solid #ececec;border-radius:8px}.mini-table{width:100%;min-width:560px;border-collapse:collapse}.mini-table th,.mini-table td{padding:.62rem .7rem;border-bottom:1px solid #ececec;text-align:center;font-size:.88rem;vertical-align:top}.mini-table th{position:sticky;top:0;background:#fafafa;z-index:1;font-weight:600}.mini-table tr:last-child td{border-bottom:none}.mini-table-text{min-width:160px;text-align:left;white-space:normal}.back-link{color:var(--ui-primary);font-weight:600}.empty-state{color:var(--muted);text-align:center}@media(max-width:980px){.dashboard-frame{height:100vh;min-height:0}.dashboard-body{height:100%;min-height:0}.sidebar{border-bottom:none;padding:.75rem 1rem}.sidebar-nav{grid-auto-flow:column;justify-content:flex-start}.detail-grid,.definition-list{grid-template-columns:1fr}}@media(max-width:760px){:root{font-size:14px}.dashboard-frame{grid-template-rows:64px minmax(0,1fr)}.brand-logo{width:36px;height:36px;border-radius:10px}.brand-mark{gap:.65rem}.brand-copy strong{font-size:.96rem}.brand-copy span{font-size:.72rem}.topbar{padding:.65rem .85rem}.avatar-chip{width:34px;height:34px;font-size:.9rem}.floating-sidebar-toggle{position:fixed;top:max(.72rem,env(safe-area-inset-top));right:max(4.25rem,calc(env(safe-area-inset-right) + 4.25rem));z-index:60;width:42px;height:42px;padding:0;border:1px solid #e2e2e2;border-radius:12px;background:#fff;color:#4b4b4b;display:grid;place-items:center;box-shadow:0 10px 24px #00000014}.sidebar{width:min(220px,78vw);padding:.75rem;transform:translate(0);transition:transform .16s ease,box-shadow .16s ease}.dashboard-frame[data-sidebar-collapsed=true] .sidebar{width:min(220px,78vw);transform:translate(calc(-100% - 12px));box-shadow:none;pointer-events:none}.sidebar-controls{display:none}.sidebar-nav{grid-auto-flow:row;padding-top:3.6rem}.sidebar-link,.dashboard-frame[data-sidebar-collapsed=true] .sidebar-link{width:100%;height:auto;min-height:42px;justify-content:flex-start;margin-inline:0;padding:.62rem .7rem;font-size:.78rem}.dashboard-frame[data-sidebar-collapsed=true] .sidebar-label{display:inline}.shell-main{padding:.75rem}.content-card{width:100%;border-radius:8px;padding:.75rem}.content-header{margin-bottom:.65rem}.content-header h1{font-size:1.05rem}.shell-subtitle{font-size:.82rem}.table-toolbar{gap:.55rem;margin-bottom:.55rem}.search-box input{min-height:36px;font-size:.84rem}.refresh-button{width:34px;min-width:34px;height:34px}.data-table{min-width:820px}.data-table th,.data-table td{padding:.58rem .55rem;font-size:.8rem}.header-filter select,.header-filter input{min-height:32px;padding:.42rem .5rem;font-size:.78rem}.status-pill,.risk-badge{padding:.28rem .55rem;font-size:.78rem}.template-pagination{margin-top:.75rem;gap:.6rem;font-size:.82rem;justify-content:center}.detail-view{padding-bottom:.75rem}.detail-grid{grid-template-columns:1fr;gap:.75rem;margin-top:.75rem}.panel{width:100%;padding:.85rem;overflow-x:auto}.panel-heading{gap:.5rem;margin-bottom:.65rem}.panel-heading h2{font-size:.98rem}.definition-list{grid-template-columns:1fr;gap:.65rem}.definition-list div{padding-bottom:.62rem}.definition-list dt{font-size:.78rem}.definition-list dd{font-size:.9rem;overflow-wrap:anywhere}.detail-risk-strip{align-items:flex-start;flex-direction:column;gap:.65rem;padding:.65rem .75rem}.detail-risk-strip>div{align-items:flex-start;flex-direction:column;gap:.45rem}.strip-label{font-size:.98rem}.mini-table-shell{max-height:200px}.mini-table{min-width:520px}.mini-table th,.mini-table td{padding:.52rem .55rem;font-size:.78rem}}@media(max-width:640px){.auth-page{min-height:100vh;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom))}.content-header,.panel-heading{align-items:flex-start;flex-direction:column}.template-pagination{align-items:center;flex-direction:column;justify-content:center;text-align:center}.pager-group{justify-content:center}.topbar{padding:.8rem 1rem;align-items:center;flex-direction:row}.topbar-left .brand-copy strong{font-size:.98rem}.topbar-left .brand-copy span{font-size:.76rem}.shell-main{padding:.75rem;overflow:hidden}.content-card{padding:.75rem;height:100%;min-height:0}.search-box{width:100%}.table-toolbar{align-items:stretch;flex-direction:column}.detail-risk-strip{width:100%}}