@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Source+Han+Serif+SC:wght@600;700&display=swap";:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#173538;background:#f4f8f7;font-synthesis:none;--ink:#173538;--muted:#789092;--line:#dbe9e6;--primary:#0d7569;--primary-dark:#07534c;--mint:#dff4ee;--paper:#fff;--warning:#d97a32;--warning-bg:#fff1e1;--shadow:0 18px 50px rgba(12,64,59,.08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f8f7;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(13,117,105,.26);outline-offset:2px}.app-shell{min-height:100vh;display:flex}.app-shell.preview-phone{position:relative;width:min(390px,calc(100vw - 32px));height:min(844px,calc(100vh - 32px));min-height:620px;margin:16px auto;overflow:hidden;border:8px solid #0d514c;border-radius:32px;background:#f4f8f7;box-shadow:0 24px 70px #0c403b33}.app-shell.preview-phone .sidebar{display:none}.app-shell.preview-phone .app-main{width:100%;min-width:0;overflow:auto}.app-shell.preview-phone .topbar{height:58px;padding:0 18px}.app-shell.preview-phone .topbar-context{font-size:12px}.app-shell.preview-phone .topbar-user{font-size:0}.app-shell.preview-phone .topbar-user .status-dot,.app-shell.preview-phone .topbar-user>span,.app-shell.preview-phone .topbar-user>svg:last-child{display:none}.app-shell.preview-phone .content{padding:27px 16px 95px}.app-shell.preview-phone .page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:24px}.app-shell.preview-phone .page-heading h1{font-size:34px}.app-shell.preview-phone .date-chip{align-self:flex-start}.app-shell.preview-phone .module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.app-shell.preview-phone .module-window{min-height:172px;padding:17px;border-radius:13px}.app-shell.preview-phone .module-icon{width:45px;height:45px;border-radius:12px}.app-shell.preview-phone .module-icon svg{width:25px;height:25px}.app-shell.preview-phone .module-label{margin-top:16px;font-size:16px}.app-shell.preview-phone .module-description{font-size:10px}.app-shell.preview-phone .module-arrow{right:14px;bottom:16px}.app-shell.preview-phone .dashboard-footnote{display:grid;gap:6px;font-size:10px}.app-shell.preview-phone .detail-header{align-items:flex-start;flex-direction:column}.app-shell.preview-phone .detail-actions{width:100%}.app-shell.preview-phone .detail-actions button{flex:1}.app-shell.preview-phone .detail-layout{grid-template-columns:1fr}.app-shell.preview-phone .certificate-row{grid-template-columns:minmax(0,2fr) minmax(94px,1fr) 18px;align-items:stretch;gap:11px;min-height:136px;padding:10px 11px}.app-shell.preview-phone .certificate-thumb{width:auto;min-width:0;height:116px;min-height:116px;padding:8px 9px;border-radius:10px;background:#f7fbfa}.app-shell.preview-phone .certificate-info,.app-shell.preview-phone .certificate-row>.status-pill,.app-shell.preview-phone .certificate-valid{display:none}.app-shell.preview-phone .certificate-mobile-panel{display:flex;align-items:stretch}.app-shell.preview-phone .certificate-mobile-panel strong{font-size:13px;line-height:1.35}.app-shell.preview-phone .certificate-expiry-label{align-self:center;transform:translate(8px,8px);font-size:11px}.app-shell.preview-phone .certificate-form{grid-template-columns:1fr;padding:15px}.app-shell.preview-phone .form-actions{grid-column:auto}.app-shell.preview-phone .mobile-nav{position:absolute;right:0;bottom:0;left:0}.app-shell.preview-phone .device-switcher span{display:none}.sidebar{width:230px;flex:0 0 230px;padding:27px 17px 18px;background:#0d514c;color:#ddf2ef;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 10px 30px;border-bottom:1px solid rgba(255,255,255,.16)}.brand-symbol,.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#0b4a44;background:#b3e8df;font-weight:700;font-size:20px}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{font-size:15px;letter-spacing:.03em}.sidebar-brand small{margin-top:4px;color:#a9cfca;font-size:11px}.sidebar-nav{display:grid;gap:6px;padding-top:26px}.sidebar-nav button{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border:0;border-radius:10px;color:#b9d8d4;background:transparent;text-align:left}.sidebar-nav button:hover{color:#fff;background:#ffffff1a}.sidebar-nav button.is-active{color:#0c4d46;background:#b1e4db;font-weight:700}.sidebar-footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding:16px 10px 0;border-top:1px solid rgba(255,255,255,.16);color:#a9cfca;font-size:11px}.status-dot{width:7px;height:7px;border-radius:99px;background:#7dd5a7;display:inline-block}.app-main{flex:1;min-width:0}.topbar{height:70px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:#ffffffeb;border-bottom:1px solid var(--line)}.topbar-context{display:flex;gap:11px;align-items:center;color:var(--muted);font-size:13px}.topbar-kicker{color:var(--primary);font-weight:700}.topbar-divider{color:#b8c9c7}.topbar-actions{display:flex;align-items:center;gap:16px}.device-switcher{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px;background:#f6faf9}.device-switcher button{display:inline-flex;align-items:center;gap:5px;min-height:29px;padding:0 9px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:11px}.device-switcher button.is-active{color:var(--primary-dark);background:#fff;box-shadow:0 2px 8px #0c403b14;font-weight:700}.topbar-user{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.topbar-user svg{color:var(--primary)}.content{max-width:1260px;margin:0 auto;padding:46px 45px 75px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:33px}.page-heading-tight{margin-bottom:24px}.eyebrow{color:var(--primary);font-size:12px;font-weight:700;letter-spacing:.08em}h1{margin:6px 0 9px;font-family:"Source Han Serif SC",serif;font-size:clamp(29px,3vw,42px);line-height:1.08;letter-spacing:-.03em}.page-heading p,.login-form-panel p{margin:0;color:var(--muted);font-size:13px}.date-chip{padding:9px 13px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:#ffffffb3;font-size:12px}.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:830px}.module-window{position:relative;min-height:225px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow);color:var(--ink);text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.module-window:hover{transform:translateY(-2px);border-color:#95d4ca;box-shadow:0 22px 56px #0c403b1f}.module-window.is-primary{background:#e2f5f0;border-color:#b5e3d9}.module-icon{display:grid;place-items:center;width:57px;height:57px;margin-bottom:auto;border-radius:15px;color:var(--primary);background:#ffffffb3}.module-label{margin-top:22px;font-size:21px;font-weight:700}.module-description{margin-top:6px;color:var(--muted);font-size:12px}.module-arrow{position:absolute;right:25px;bottom:29px;color:var(--primary)}.dashboard-footnote{display:flex;gap:20px;margin-top:27px;color:var(--muted);font-size:11px}.breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:25px;color:var(--muted);font-size:12px}.breadcrumb button{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;color:var(--primary);background:transparent}.primary-button,.secondary-button,.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:9px;font-weight:700}.primary-button{border:1px solid var(--primary);color:#fff;background:var(--primary)}.primary-button:hover{background:var(--primary-dark)}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.secondary-button:hover{border-color:#95d4ca;color:var(--primary)}.certificate-toolbar{display:grid;gap:17px;margin-bottom:15px}.search-box{display:flex;align-items:center;gap:10px;max-width:530px;padding:0 13px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted)}.search-box input{flex:1;min-width:0;border:0;outline:0;color:var(--ink);background:transparent}.category-tabs{display:flex;flex-wrap:wrap;gap:8px}.category-tabs button{padding:7px 13px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:#fff;font-size:12px}.category-tabs button.is-active{color:var(--primary-dark);border-color:#95d4ca;background:var(--mint);font-weight:700}.certificate-list{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.certificate-row{display:grid;grid-template-columns:49px minmax(0,1fr) auto 165px 20px;align-items:center;gap:15px;width:100%;padding:14px 18px;border:0;border-bottom:1px solid #edf3f2;color:var(--ink);background:#fff;text-align:left}.certificate-row:last-child{border-bottom:0}.certificate-row:hover{background:#f5fbf9}.certificate-thumb{display:flex;align-items:center;justify-content:center;width:49px;height:56px;overflow:hidden;padding:3px;border:1px solid var(--line);border-radius:7px;color:var(--primary);background:#f8fbfa}.certificate-thumb img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.certificate-thumb-image.is-landscape,.certificate-thumb-image.is-portrait,.certificate-thumb-image.is-square{width:auto;height:auto;max-width:100%;max-height:100%}.certificate-thumb.is-empty{color:var(--primary)}.certificate-info strong,.certificate-info small{display:block}.certificate-info strong{font-size:14px}.certificate-info small,.certificate-valid{margin-top:4px;color:var(--muted);font-size:11px}.certificate-valid{margin-top:0;white-space:nowrap}.certificate-mobile-panel{display:none;min-width:0;flex-direction:column;justify-content:center;align-items:stretch;gap:8px}.certificate-mobile-panel strong{display:block;color:var(--ink);font-size:14px;line-height:1.35;word-break:break-word}.certificate-expiry-label{display:inline-flex;align-items:center;align-self:center;max-width:100%;padding:6px 9px;border-radius:999px;color:#1a7d5c;background:#e5f7ef;font-size:11px;font-weight:700;line-height:1.25;white-space:normal}.certificate-expiry-label.is-orange{color:#a96125;background:var(--warning-bg)}.certificate-expiry-label.is-danger{color:#a94138;background:#fde9e7}.certificate-expiry-label.is-neutral{color:var(--muted);background:#eef4f3}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:5px 9px;border-radius:99px;color:#1a7d5c;background:#e5f7ef;font-size:11px;white-space:nowrap}.status-pill.is-warning{color:#a96125;background:var(--warning-bg)}.detail-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:25px}.detail-header p{margin:0;color:var(--muted);font-size:12px}.detail-actions{display:flex;gap:9px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:18px;align-items:start}.preview-card,.info-card,.upload-hint,.certificate-form{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.preview-card{padding:18px}.preview-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.preview-card-head strong,.preview-card-head small{display:block}.preview-card-head small{margin-top:4px;color:var(--muted);font-size:11px}.certificate-preview{position:relative;display:block;width:100%;max-height:640px;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:10px;background:#f5f6f3}.certificate-preview img{display:block;width:100%;max-height:580px;object-fit:contain}.preview-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;background:#0537327a;opacity:0;transition:opacity .18s ease}.certificate-preview:hover .preview-overlay,.certificate-preview:focus-visible .preview-overlay{opacity:1}.preview-thumbs{display:flex;gap:8px;margin-top:12px}.thumb{width:51px;height:62px;padding:3px;border:2px solid transparent;border-radius:7px;background:#f5f8f7}.thumb.is-active{border-color:var(--primary)}.thumb img{width:100%;height:100%;object-fit:cover}.add-thumb{display:grid;place-items:center;border:1px dashed #9ecfc7;color:var(--primary);background:var(--mint)}.detail-info{display:grid;gap:14px}.info-card{display:grid;gap:0;padding:3px 17px}.info-card>div{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #edf3f2}.info-card>div:last-child{border-bottom:0}.info-card span{color:var(--muted);font-size:12px}.info-card strong{text-align:right;font-size:13px}.upload-hint{display:flex;align-items:flex-start;gap:11px;padding:16px;color:var(--primary);background:var(--mint)}.upload-hint div{flex:1}.upload-hint strong{display:block;color:var(--ink);font-size:13px}.upload-hint p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.upload-hint .secondary-button{min-height:34px;padding:0 11px;font-size:11px}.certificate-form{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;padding:21px}.management-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:18px;align-items:start}.management-directory,.management-permissions{border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:var(--shadow)}.management-directory{overflow:hidden}.management-permissions{padding:19px}.management-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 18px;border-bottom:1px solid #edf3f2;color:var(--primary)}.management-section-head strong,.management-section-head small{display:block}.management-section-head strong{color:var(--ink);font-size:14px}.management-section-head small{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.45}.management-account-list{display:grid;gap:0}.management-account-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto 16px;align-items:center;gap:10px;width:100%;min-height:67px;padding:10px 17px;border:0;border-bottom:1px solid #edf3f2;color:var(--ink);background:#fff;text-align:left}.management-account-row:last-child{border-bottom:0}button.management-account-row:hover,.management-account-row.is-selected{background:#f0faf7}.management-account-row.is-manager{grid-template-columns:34px minmax(0,1fr) auto}.account-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#0c4d46;background:#b8e9df;font-weight:700}.account-avatar.is-employee{color:#7c572b;background:#ffebcf}.account-main strong,.account-main small{display:block}.account-main strong{font-size:13px}.account-main small{margin-top:3px;color:var(--muted);font-size:10px}.account-status{color:var(--muted);font-size:10px;white-space:nowrap}.management-create{padding:0 17px 18px}.management-create .management-section-head{margin:0 -17px 16px;padding:17px 0}.management-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:13px}.management-create-grid label{display:grid;gap:6px;color:var(--ink);font-size:11px;font-weight:700}.management-create-grid input,.management-create-grid select{width:100%;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fbfdfc;outline:0}.management-create .primary-button{min-height:36px;width:100%}.permission-table{overflow:hidden;margin-top:14px;border:1px solid var(--line);border-radius:10px}.permission-header,.permission-row{display:grid;grid-template-columns:minmax(150px,1fr) repeat(5,62px);align-items:center;gap:8px;padding:12px 13px}.permission-header{color:var(--muted);background:#f5faf8;font-size:10px;font-weight:700;text-align:center}.permission-header span:first-child{text-align:left}.permission-row{min-height:67px;border-top:1px solid #edf3f2}.permission-row>span:first-child strong,.permission-row>span:first-child small{display:block}.permission-row>span:first-child strong{font-size:12px}.permission-row>span:first-child small{margin-top:3px;color:var(--muted);font-size:10px;line-height:1.35}.permission-toggle{display:grid;place-items:center}.permission-toggle input{position:absolute;opacity:0;pointer-events:none}.permission-toggle span{position:relative;display:block;width:31px;height:18px;border-radius:99px;background:#c9d8d5;transition:background .16s ease}.permission-toggle span:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0c403b2e;transition:transform .16s ease}.permission-toggle input:checked+span{background:var(--primary)}.permission-toggle input:checked+span:after{transform:translate(13px)}.permission-toggle input:focus-visible+span{outline:3px solid rgba(13,117,105,.26);outline-offset:2px}.permission-locked{display:grid;justify-items:center;gap:2px;color:#a08b73}.permission-locked small{font-size:9px}.danger-button{color:#b42318;border-color:#f0b8b2;background:#fff7f6}.danger-button:hover:not(:disabled){border-color:#d92d20;background:#fff0ee}.management-review-panel{margin-bottom:20px}.management-recycle-panel{margin-bottom:20px;padding:18px;border:1px solid #ecd8ca;border-radius:15px;background:#fffdfb;box-shadow:var(--shadow)}.recycle-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.recycle-panel-head h2{margin:5px 0 6px;font-family:"Source Han Serif SC",serif;font-size:23px}.recycle-panel-head p{margin:0;color:var(--muted);font-size:12px}.recycle-license-list{display:grid;gap:10px}.recycle-license-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:13px;border:1px solid #eee2d9;border-radius:12px;background:#fff}.recycle-license-copy{min-width:0}.recycle-license-copy strong,.recycle-license-copy span,.recycle-license-copy small{display:block}.recycle-license-copy strong{font-size:13px}.recycle-license-copy span{margin-top:4px;color:var(--muted);font-size:11px}.recycle-license-copy small{margin-top:5px;color:#9b765d;font-size:10px}.recycle-license-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.recycle-license-actions button{min-height:34px;padding:0 11px;font-size:11px}.recycle-warning{margin:12px 0 0;color:#9f3a2d;font-size:11px}.review-queue-list{display:grid;gap:10px}.review-queue-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.review-queue-row:hover{border-color:var(--primary);background:#f1faf7}.review-queue-thumb{width:52px;height:52px;overflow:hidden;border-radius:10px;background:#f0f6f4}.review-queue-thumb img{width:100%;height:100%;object-fit:cover}.review-queue-copy{min-width:0}.review-queue-copy strong,.review-queue-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.review-queue-copy span{margin-top:3px;color:var(--muted);font-size:12px}.review-queue-status{color:#b54708;font-size:12px;white-space:nowrap}.review-queue-empty{padding:18px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}.review-action-panel{margin-top:18px;padding:16px;border:1px solid #f1c27d;border-radius:16px;background:#fffaf0}.review-action-copy{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.6}.review-action-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.management-save-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:15px}.management-save-row>span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px}.management-save-row .primary-button{min-height:36px;padding:0 13px;font-size:11px}.form-fields{display:grid;gap:14px}.form-fields label{display:grid;gap:7px;color:var(--ink);font-size:12px;font-weight:700}.form-fields input,.form-fields select,.form-fields textarea{width:100%;min-height:42px;padding:9px 11px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fbfdfc;outline:0;resize:vertical}.form-fields textarea{min-height:96px}.form-upload{padding:17px;border:1px dashed #a8d3cc;border-radius:12px;background:#f0faf7}.upload-title strong,.upload-title span{display:block}.upload-title strong{font-size:13px}.upload-title span{margin-top:4px;color:var(--muted);font-size:11px}.upload-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.upload-tile{position:relative;display:grid;justify-items:center;gap:6px;min-height:144px;padding:17px 10px;border:1px dashed #8fc9bf;border-radius:10px;color:var(--primary);background:#fff}.upload-tile:hover{border-color:var(--primary);background:var(--mint)}.upload-tile strong{color:var(--ink);font-size:12px}.upload-tile span{color:var(--muted);font-size:10px}.upload-tile input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.upload-preview{display:flex;align-items:center;gap:13px;margin-top:18px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff}.upload-preview img{width:68px;height:82px;object-fit:cover;border-radius:5px}.upload-preview strong,.upload-preview span{display:block}.upload-preview strong{font-size:12px}.upload-preview span{margin-top:4px;color:var(--muted);font-size:10px}.text-button{padding:0;margin-top:8px;border:0;color:var(--primary);background:transparent;font-size:11px}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;padding-top:4px;border-top:1px solid #edf3f2}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:26px}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#072724b8}.modal-content{position:relative;z-index:1;display:flex;flex-direction:column;width:min(790px,94vw);max-height:94vh;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 30px 80px #00000040}.modal-head,.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 18px}.modal-head{border-bottom:1px solid var(--line)}.modal-head strong,.modal-head span{display:block}.modal-head span{margin-top:3px;color:var(--muted);font-size:11px}.close-button{display:grid;place-items:center;width:35px;height:35px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:#fff}.modal-content>img{display:block;max-height:76vh;width:100%;object-fit:contain;background:#f5f6f3}.modal-foot{border-top:1px solid var(--line);color:var(--muted);font-size:11px}.toast{position:fixed;left:50%;bottom:27px;z-index:50;display:flex;align-items:center;gap:8px;transform:translate(-50%);padding:11px 15px;border-radius:99px;color:#fff;background:#173f3b;box-shadow:0 12px 28px #0000002e;font-size:12px}.mobile-nav{display:none}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);background:#f4f8f7}.login-brand-panel{position:relative;display:flex;flex-direction:column;padding:58px clamp(38px,8vw,120px);color:#eaf8f5;background:#0e5b54;overflow:hidden}.login-brand-panel:after{content:"KTV";position:absolute;right:22px;bottom:-26px;color:#b2e6dc1f;font-family:"Source Han Serif SC",serif;font-size:180px;font-weight:700;letter-spacing:-.08em}.login-brand-panel>div{display:flex;align-items:center;gap:13px}.login-brand-panel strong,.login-brand-panel small{display:block}.login-brand-panel strong{font-size:23px}.login-brand-panel small{margin-top:4px;color:#b0d8d1;font-size:12px}.login-brand-panel p{margin:auto 0;font-family:"Source Han Serif SC",serif;font-size:clamp(28px,4vw,52px);line-height:1.32;letter-spacing:.04em}.brand-foot{color:#b0d8d1;font-size:12px}.login-form-panel{display:grid;place-items:center;padding:44px;background:#fff}.login-form-wrap{width:min(430px,100%)}.login-form-wrap h1{margin-bottom:6px;font-size:37px}.login-form-wrap>.muted{margin-bottom:30px}.login-form-wrap label:not(.remember){display:grid;gap:7px;margin-bottom:16px;color:var(--ink);font-size:12px;font-weight:700}.login-form-wrap input{width:100%;height:46px;padding:0 13px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:#fbfdfc;outline:0}.input-with-icon{position:relative}.input-with-icon input{padding-right:38px}.input-with-icon svg{position:absolute;top:14px;right:13px;color:var(--muted)}.remember{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.remember input{width:15px;height:15px;accent-color:var(--primary)}.login-button{width:100%;height:48px;margin-top:22px}.login-note{margin-top:22px!important;color:var(--muted);font-size:11px;text-align:center}button:disabled,.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.module-window.is-disabled{cursor:not-allowed}.module-window.is-disabled:hover{transform:none;border-color:var(--line);box-shadow:var(--shadow)}.status-pill.is-danger{color:#a34545;background:#fdeaea}.status-pill.is-orange{color:#a96125;background:var(--warning-bg)}.status-pill.is-neutral{color:#6e8180;background:#edf3f2}.state-card{display:flex;align-items:center;gap:12px;min-height:112px;padding:25px;border:1px solid var(--line);border-radius:15px;color:var(--muted);background:#fff;box-shadow:var(--shadow)}.state-card strong{color:var(--ink);font-size:13px}.state-card>span:not(.loading-dot){font-size:12px}.state-card.is-error{justify-content:space-between;color:#a34545;background:snow}.state-card.is-error strong{color:#a34545}.state-card.is-permission{align-items:flex-start;flex-direction:column;min-height:0;margin-bottom:15px;border-color:#f1d7bb;background:#fffaf4}.state-card.is-permission strong{color:#9b5d27}.loading-dot{width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 5px var(--mint);animation:v141-pulse 1.2s ease-in-out infinite}@keyframes v141-pulse{50%{transform:scale(.72);opacity:.55}}.form-error{margin:15px 0 0;padding:10px 12px;border-radius:8px;color:#a34545!important;background:#fdeaea;font-size:12px!important}.form-error-wide{grid-column:1 / -1;margin:0}.logout-form{display:inline-flex;margin:0}.logout-button{margin:0;color:var(--primary)}.topbar-role{color:var(--ink)}.modal-actions{display:flex;align-items:center;gap:8px}.modal-actions a{text-decoration:none}@media(max-width:820px){.sidebar{display:none}.topbar{height:58px;padding:0 18px}.topbar-context{font-size:12px}.topbar-user{font-size:0}.topbar-user .status-dot,.topbar-user>span,.topbar-user>svg:last-child{display:none}.content{padding:27px 16px 95px}.page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:24px}.page-heading h1{font-size:34px}.date-chip{align-self:flex-start}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.module-window{min-height:172px;padding:17px;border-radius:13px}.module-icon{width:45px;height:45px;border-radius:12px}.module-icon svg{width:25px;height:25px}.module-label{margin-top:16px;font-size:16px}.module-description{font-size:10px}.module-arrow{right:14px;bottom:16px}.dashboard-footnote{display:grid;gap:6px;font-size:10px}.detail-header{align-items:flex-start;flex-direction:column}.detail-actions{width:100%}.detail-actions button{flex:1}.detail-layout,.management-layout{grid-template-columns:1fr}.management-permissions{padding:15px}.permission-header,.permission-row{grid-template-columns:minmax(118px,1fr) repeat(5,45px);gap:4px;padding:10px 8px}.permission-row>span:first-child strong{font-size:11px}.permission-row>span:first-child small{font-size:9px}.permission-toggle span{transform:scale(.9)}.management-save-row{align-items:stretch;flex-direction:column}.management-save-row .primary-button{width:100%}.management-create-grid{grid-template-columns:1fr}.recycle-panel-head{flex-direction:column;gap:8px}.recycle-license-row{grid-template-columns:1fr}.recycle-license-actions{justify-content:stretch}.recycle-license-actions button{flex:1}.certificate-row{grid-template-columns:minmax(0,2fr) minmax(94px,1fr) 18px;align-items:stretch;gap:11px;min-height:136px;padding:10px 11px}.certificate-thumb{width:auto;min-width:0;height:116px;min-height:116px;padding:8px 9px;border-radius:10px;background:#f7fbfa}.certificate-info,.certificate-row>.status-pill,.certificate-valid{display:none}.certificate-mobile-panel{display:flex;align-items:stretch}.certificate-mobile-panel strong{font-size:13px}.certificate-expiry-label{transform:translate(8px,8px);font-size:11px}.certificate-form{grid-template-columns:1fr;padding:15px}.form-actions{grid-column:auto}.upload-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:15;display:grid;grid-template-columns:repeat(4,1fr);height:68px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);background:#fffffff7}.mobile-nav button{display:grid;place-items:center;gap:2px;border:0;color:var(--muted);background:transparent;font-size:10px}.mobile-nav button.is-active{color:var(--primary);font-weight:700}.login-page{display:block;min-height:100svh}.login-brand-panel{min-height:200px;padding:27px 22px 25px}.login-brand-panel p{margin:27px 0 0;font-size:27px}.login-brand-panel:after{right:12px;bottom:-24px;font-size:120px}.login-form-panel{min-height:calc(100svh - 200px);padding:34px 22px 45px}.login-form-wrap h1{font-size:30px}.login-form-wrap>.muted{margin-bottom:22px}.image-modal{padding:12px}.modal-content>img{max-height:72vh}.modal-foot{align-items:flex-start;flex-direction:column;gap:9px}.state-card.is-error{align-items:flex-start;flex-direction:column}.modal-actions{width:100%}.modal-actions>*{flex:1}}.inline-edit-link{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;border:0;padding:0;background:transparent;color:#0b6570;font:inherit;font-weight:800;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.inline-edit-link:hover{color:#084851}.inline-edit-link:focus-visible{outline:2px solid #c97732;outline-offset:4px;border-radius:3px}