@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";
:root{--blue-500:#1959b3;--blue-600:#134386;--blue-700:#0f356b;--blue-400:#0f62fe;--blue-300:#33b1ff;--blue-200:#a6c8ff;--blue-100:#d0e2ff;--blue-50:#edf5ff;--blue-soft:#dbeafe;--blue-night:#071936;--layer-01:#fff;--background:#f4f4f4;--background-soft:#eef2f7;--surface:#fff;--surface-card:#fff;--surface-muted:#f4f7fb;--surface-subtle:#f8fafc;--border-subtle:#e0e0e0;--border-strong:#c6c6c6;--border-card:#dfe5ee;--border-card-strong:#d8dee8;--border-slate:#cbd5e1;--text-primary:#161616;--text-secondary:#525252;--text-slate:#64748b;--text-slate-dark:#0f172a;--text-placeholder:#a8a8a8;--text-placeholder-strong:#8d8d8d;--status-success-bg:#defbe6;--status-success-border:#42be65;--status-success-text:#0e6027;--status-success-dot:#24a148;--status-info-bg:#d0e2ff;--status-info-border:#33b1ff;--status-info-text:#0f62fe;--status-info-alt-bg:#bae6ff;--status-info-alt-text:#00539a;--status-danger-bg:#ffd7d9;--status-danger-border:#ff8389;--status-danger-text:#da1e28;--banner-info-bg:#edf5ff;--banner-info-border:#0f62fe;--banner-info-text:#0043ce;--banner-error-bg:#fff1f1;--banner-error-border:#da1e28;--banner-error-text:#a2191f;--login-art-bg:#101e42;--login-art-gradient:linear-gradient(155deg, #101e42 20%, #142956 58%, #081638 100%);--overlay:#16161680;--space-4:4px;--space-6:6px;--space-8:8px;--space-12:12px;--space-14:14px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--header-height:62px;--header-height-mobile:56px;--header-height-compact:64px;--sidebar-width:176px;--font-sans:"IBM Plex Sans", Arial, Helvetica, sans-serif;--text-xs:12px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:28px;--text-3xl:32px;--radius-0:0;--radius-4:4px;--radius-8:8px;--radius-pill:999px;--shadow-card:0 1px 3px #0000002e;--shadow-card-soft:0 8px 22px #0f172a14;--shadow-card-strong:0 12px 28px #0f172a1a;--shadow-header:0 2px 12px #0f172a14;--shadow-sidebar:0 -8px 24px #16161614;--shadow-modal:0 12px 32px #0000003d;--bp-mobile:520px;--bp-tablet:700px;--bp-desktop:900px}
:root{--blue-500:#1959b3;--blue-600:#134386;--blue-700:#0f356b;--border-subtle:#e0e0e0;--layer-01:#fff;--background:#f4f4f4;--text-primary:#161616;--text-secondary:#525252}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--background);color:var(--text-primary);letter-spacing:0;font-family:IBM Plex Sans,Arial,Helvetica,sans-serif;font-size:16px}button,a{font:inherit}.shell{background:var(--background);min-height:100vh}.header{background:var(--layer-01);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;width:100%;height:62px;padding:0 32px;display:flex}.brand{align-items:center;width:min(100%,1192px);height:62px;display:flex}.brand img{width:80px;height:32px;display:block}.header-actions{flex:none;display:flex}.header-actions button,.header-actions a{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:48px;height:48px;padding:14px;text-decoration:none;display:grid;position:relative}.header-actions img{width:20px;height:20px;display:block}.header-actions button:hover,.header-actions a:hover{background:#edf5ff}.header-actions img.badge{width:8px;height:8px;position:absolute;top:8px;right:0}.shell-body{grid-template-columns:176px minmax(0,1fr);min-height:calc(100vh - 62px);display:grid}.sidebar{background:var(--layer-01);border-right:1px solid var(--border-subtle);width:176px;min-height:calc(100vh - 62px);padding:16px 0}.menu-section{flex-direction:column;display:flex}.menu-section+.menu-section{margin-top:16px}.menu-section p{color:var(--blue-500);letter-spacing:.32px;margin:0;padding:7px 16px 7px 32px;font-size:12px;font-weight:400;line-height:16px}.menu-section a{color:var(--blue-600);letter-spacing:.16px;padding:7px 16px 7px 32px;font-size:14px;font-weight:600;line-height:18px;text-decoration:none;display:block}.menu-section a:hover,.menu-section a.active{color:var(--blue-700);background:#edf5ff}.content{min-width:0;padding:32px}.page-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title p{color:var(--blue-500);letter-spacing:.32px;text-transform:uppercase;margin:0 0 4px;font-size:12px;line-height:16px}.page-title h1{letter-spacing:0;margin:0;font-size:32px;line-height:40px}.primary-action,.panel-heading button{background:var(--blue-600);color:#fff;cursor:pointer;border:0;height:40px;padding:0 16px;font-size:14px;font-weight:600}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.stat-card,.panel{border:1px solid var(--border-subtle);background:#fff}.stat-card{min-height:128px;padding:16px}.stat-card span,.progress-block span{color:var(--text-secondary);font-size:13px;line-height:18px;display:block}.stat-card strong{margin-top:18px;font-size:32px;line-height:40px;display:block}.stat-card small{color:var(--blue-500);margin-top:2px;font-size:12px;line-height:16px;display:block}.workspace-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,.8fr);gap:16px;display:grid}.panel{min-height:320px;padding:20px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel-heading h2{margin:0;font-size:18px;line-height:24px}.panel-heading button{color:var(--blue-600);background:0 0;height:32px;padding:0}.class-list{gap:1px;display:grid}.class-row{background:#f4f7fb;grid-template-columns:72px 1fr;align-items:center;gap:16px;min-height:64px;padding:12px 16px;display:grid}.class-row span{color:var(--blue-600);font-size:14px;font-weight:600}.class-row strong{font-size:14px;line-height:18px;display:block}.class-row p{color:var(--text-secondary);margin:2px 0 0;font-size:13px;line-height:18px}.support-panel{flex-direction:column;display:flex}.progress-block strong{margin-top:12px;font-size:40px;line-height:48px;display:block}.progress-track{background:#d0e2ff;width:100%;height:8px;margin-top:16px}.progress-fill{background:var(--blue-600);width:76%;height:8px}.status-list{gap:10px;margin-top:auto;display:grid}.status-list p{color:var(--text-secondary);align-items:center;gap:8px;margin:0;font-size:14px;line-height:18px;display:flex}.status-list span{background:#24a148;border-radius:999px;width:8px;height:8px}.login-screen{background:#fff;grid-template-columns:minmax(440px,30.56vw) minmax(0,1fr);min-height:100vh;display:grid}.login-panel{background:#fff;flex-direction:column;min-height:100vh;padding:80px 32px 40px;display:flex}.login-form{gap:24px;width:100%;max-width:100%;display:grid}.login-form-spacious{gap:16px}.login-form h1{margin:0;font-size:28px;font-weight:400;line-height:36px}.login-subtitle{color:var(--text-primary);margin:4px 0 0;font-size:16px;line-height:22px}.login-subtitle a,.back-link{color:#0f62fe;text-decoration:underline}.back-link{margin-bottom:8px;font-size:14px;line-height:18px}.login-helper{color:var(--text-primary);letter-spacing:0;max-width:430px;margin:4px 0 0;font-size:18px;line-height:24px}.login-form label{gap:8px;display:grid}.login-form label span{color:var(--text-secondary);letter-spacing:.32px;justify-content:space-between;font-size:12px;line-height:16px;display:flex}.login-form label a{color:#0f62fe;font-size:14px}.login-form input,.login-form select,.login-form textarea,.search-field input,.management-actions select{border:1px solid var(--border-subtle);color:var(--text-primary);background:#f4f4f4;border-radius:4px;width:100%;height:48px;padding:0 16px;font-size:14px}.login-form input::placeholder,.login-form textarea::placeholder,.search-field input::placeholder{color:#a8a8a8}.search-field input,.management-actions select{border-radius:0;height:32px;padding:0 12px}.login-form textarea{resize:none;border-bottom-color:#8d8d8d;border-radius:0;height:158px;padding:16px}.login-form select{color:#a8a8a8;border-bottom-color:#8d8d8d;border-radius:0}.login-form button,.login-button-link{background:var(--blue-500);color:#fff;cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;width:100%;height:40px;font-size:14px;text-decoration:none;display:flex}.login-form button:disabled{cursor:wait;opacity:.7}.login-form-error{color:#a2191f;background:#fff1f1;border-left:3px solid #da1e28;margin:0;padding:12px;font-size:14px;line-height:20px}.notice-banner{color:#0043ce;background:#edf5ff;border-left:3px solid #0f62fe;margin:20px 0;padding:12px;line-height:20px}.checkbox-line{align-items:center;gap:8px!important;display:flex!important}.checkbox-line input{width:20px;height:20px}.checkbox-line span{color:var(--text-primary)!important;letter-spacing:.16px!important;font-size:18px!important;line-height:24px!important;display:inline!important}.otp-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;width:100%;display:grid}.otp-row input{text-align:center;width:100%;height:64px;padding:0;font-size:24px}.otp-row input.active{border-color:#0f62fe;box-shadow:inset 0 0 0 1px #0f62fe}.logo-art{background:#f4f4f4;justify-content:center;align-items:center;display:flex}.logo-art img{max-width:min(66%,780px);height:auto}.loading-screen{background:#fff;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-screen img{width:88px;height:88px}.login-footer{border-top:1px solid var(--border-subtle);text-align:center;gap:8px;max-width:100%;margin-top:auto;padding-top:24px;display:grid}.login-footer strong{font-size:14px;line-height:18px}.login-footer span{letter-spacing:.32px;font-size:12px;line-height:16px}.login-art{background-color:#101e42;background-image:radial-gradient(circle at 72% 28%,#3080fff2 0 2px,#0000 4px),radial-gradient(circle at 58% 42%,#2b77ffb3 0 1px,#0000 3px),repeating-radial-gradient(at 70% 78%,#0000 0 20px,#185dd352 21px 22px,#0000 23px 38px),linear-gradient(155deg,#101e42 20%,#142956 58%,#081638 100%);background-position:0 0;background-repeat:repeat;min-height:100vh}.management-content{background:#f4f4f4;padding-left:32px}.breadcrumb{color:var(--text-secondary);letter-spacing:.16px;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;line-height:18px;display:flex}.breadcrumb strong{color:var(--text-primary);font-weight:400}.management-header{grid-template-columns:minmax(280px,1fr) auto;align-items:end;gap:24px;margin-bottom:16px;display:grid}.management-header h1{margin:0;font-size:20px;font-weight:400;line-height:28px}.management-header p{color:var(--text-secondary);letter-spacing:.16px;margin:0;font-size:14px;line-height:18px}.management-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:32px;min-width:0;display:flex}.search-field{width:232px;display:block;position:relative}.search-field span{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.search-field input,.management-actions select,.management-actions button{border-radius:0;height:32px}.management-actions select{color:var(--text-secondary);width:144px;padding:0 12px;font-size:14px}.management-actions button{background:var(--blue-600);color:#fff;cursor:pointer;border:0;width:144px;padding:0 24px;font-weight:600}.toolbar-button,.outline-action,.button-like{background:var(--blue-600);color:#fff;cursor:pointer;letter-spacing:.16px;border:0;justify-content:center;align-items:center;height:32px;padding:0 16px;font-size:14px;font-weight:600;line-height:18px;text-decoration:none;display:inline-flex}.toolbar-button{gap:8px;min-width:144px}.management-actions .toolbar-button{justify-content:space-between;width:144px;min-width:0;padding:0 16px}.outline-action,.button-like.secondary{border:1px solid var(--blue-600);color:var(--blue-600);background:#fff}.metric-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-bottom:16px;display:grid}.mini-metric{background:#fff;border:1px solid #c6c6c6;height:58px;padding:8px 16px;box-shadow:0 1px 3px #0000002e}.mini-metric span{color:var(--text-secondary);font-size:14px;line-height:18px;display:block}.mini-metric strong{align-items:center;gap:8px;font-size:16px;line-height:24px;display:flex}.mini-metric img{object-fit:contain;width:16px;height:16px;display:inline-block}.data-table{background:#fff;border-top:1px solid #c6c6c6;overflow-x:auto}.data-table table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1000px}.data-table th,.data-table td{border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);letter-spacing:.16px;text-align:left;text-overflow:ellipsis;white-space:nowrap;height:40px;padding:0 16px;font-size:14px;line-height:18px;overflow:hidden}.data-table th{color:var(--text-primary);font-weight:600}.data-table td{color:var(--text-secondary)}.data-table th:first-child,.data-table td:first-child{text-align:center;width:52px;padding:0}.data-table th:nth-child(2),.data-table th:nth-child(5),.data-table th:nth-child(6),.data-table th:nth-child(7){width:144px}.table-status{color:#00539a;letter-spacing:.32px;background:#bae6ff;border:1px solid #33b1ff;border-radius:999px;padding:0 8px 2px;font-size:12px;line-height:16px;display:inline-block}.table-status.success{color:#0e6027;background:#defbe6;border-color:#42be65}.table-status.danger{color:#da1e28;background:#ffd7d9;border-color:#ff8389}.table-status.info{color:#0f62fe;background:#d0e2ff;border-color:#33b1ff}.icon-action{color:var(--text-primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.table-action-icon{object-fit:contain;width:16px;height:16px;display:block}.text-action{color:var(--blue-600);cursor:pointer;background:0 0;border:0;font-size:14px;text-decoration:underline}.row-action{margin-left:8px}.pagination{color:var(--text-secondary);letter-spacing:.16px;border-top:1px solid #c6c6c6;grid-template-columns:1fr 1fr auto;align-items:center;height:32px;padding:0 16px;font-size:14px;line-height:18px;display:grid}.detail-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.detail-header h1{margin:0;font-size:20px;font-weight:400;line-height:28px}.detail-header p{color:var(--text-secondary);letter-spacing:.16px;margin:0;font-size:14px;line-height:18px}.tabs{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1200px;margin-bottom:0;display:grid}.tabs.class-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.tabs a{color:var(--text-primary);letter-spacing:.16px;background:#fff;border-bottom:1px solid #c6c6c6;height:40px;padding:11px 16px;font-size:14px;line-height:18px;text-decoration:none}.tabs a.active{border-bottom:2px solid var(--blue-600);color:var(--blue-600);font-weight:600}.detail-panel{background:#fff;border-top:0;max-width:1200px;min-height:424px;padding:16px}.detail-panel h2{margin:0 0 8px;font-size:16px;font-weight:600;line-height:22px}.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px;display:grid}.form-grid label,.modal-card label{gap:8px;display:grid}.form-grid span,.modal-card label span{color:var(--text-secondary);letter-spacing:.32px;font-size:12px;line-height:16px}.form-grid input,.modal-card input,.modal-card select{border:1px solid var(--border-subtle);background:#f4f4f4;border-radius:0;height:32px;padding:0 12px}.detail-actions{align-items:center;gap:16px;margin-top:32px;display:flex}.detail-actions.right{justify-content:flex-end}.detail-actions>a:not(.button-like){color:var(--blue-600)}.compact{margin-bottom:16px}.compact-table table{min-width:760px}.compact-table th:first-child,.compact-table td:first-child{text-align:left;width:auto;padding:0 16px}.readonly-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 28px;margin-bottom:24px;display:grid}.readonly-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.info-field{border-bottom:1px solid var(--border-subtle);min-height:58px;padding-bottom:8px}.info-field span{color:var(--text-secondary);letter-spacing:.16px;margin-bottom:14px;font-size:14px;line-height:18px;display:block}.info-field strong{color:var(--text-primary);font-size:16px;font-weight:400;line-height:22px;display:block}.info-field strong.with-status-dot{align-items:center;gap:12px;display:flex}.info-field strong.with-status-dot:before{content:"";background:#24a148;border-radius:999px;width:10px;height:10px}.tab-section-title{justify-content:space-between;align-items:center;margin:0 0 20px;display:flex}.tab-section-title h2{align-items:center;gap:12px;margin:0;display:flex}.compliance-grid,.documents-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:28px;display:grid}.compliance-grid.two{grid-template-columns:1fr 1fr}.document-card{border:1px solid #c6c6c6;min-height:320px;padding:24px}.document-card.large{min-height:420px}.document-card-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.document-card h3{margin:0 0 16px;font-size:18px;line-height:24px}.document-card p{color:var(--text-secondary);margin:0 0 4px;font-size:16px;line-height:22px}.doc-preview{background:#d0e2ff47;flex-direction:column;justify-content:center;align-items:center;max-width:280px;height:150px;margin:24px auto;display:flex}.doc-preview.avatar{border-radius:999px 999px 0 0}.doc-preview span{color:#0f62fe;font-size:36px;line-height:36px}.doc-preview a{color:#0f62fe;font-size:16px;font-weight:600}.score-ring{color:var(--text-primary);border:24px solid #24a148;border-radius:999px;justify-content:center;align-items:center;width:160px;height:160px;margin:32px auto 0;font-size:32px;display:flex}.validation-grid{grid-template-columns:1fr 1fr;gap:14px 24px;margin-top:32px;display:grid}.validation-grid .info-field{border:2px solid #24a148;min-height:44px;padding:8px 12px}.validation-grid .info-field span{margin:-28px 0 8px}.toolbar-button.dark{background:#071936}.button-icon{object-fit:contain;flex:none;width:16px;height:16px;display:block}.class-detail-panel{min-height:760px}.class-log-section+.class-log-section{margin-top:56px}.class-log-section h2{margin-bottom:12px;font-size:16px}.class-log-section h2 span{font-weight:400}.class-log-table{border-top:0}.class-log-table table{min-width:960px}.class-log-table th{background:#dbeafe}.class-log-table th:first-child,.class-log-table td:first-child{text-align:left;width:auto;padding:0 16px}.class-log-actions{gap:32px;margin-top:16px}.class-log-actions .outline-action{color:#071936;border-color:#071936;justify-content:space-between;width:180px;padding:0 20px}.class-log-actions .toolbar-button{justify-content:space-between;width:179px;min-width:0;padding:0 20px}.modal-layer{z-index:20;background:#16161680;justify-content:center;align-items:center;padding:24px;display:none;position:fixed;inset:0}.modal-layer:target{display:flex}.modal-card{border:1px solid var(--border-subtle);background:#fff;gap:16px;width:min(100%,520px);max-width:520px;padding:24px;display:grid;box-shadow:0 12px 32px #0000003d}.modal-card h2{margin:0;font-size:20px;font-weight:400;line-height:28px}.modal-card p{color:var(--text-secondary);letter-spacing:.16px;margin:0;font-size:14px;line-height:20px}.document-modal-card{width:min(100%,680px);max-width:680px}.modal-document-preview{color:var(--text-secondary);background:#f4f4f4;border:1px solid #c6c6c6;justify-content:center;align-items:center;height:320px;font-size:18px;display:flex}.modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.modal-actions>a:not(.button-like){color:var(--blue-600)}.modal-list{gap:8px;margin:0;display:grid}.modal-list div{justify-content:space-between;display:flex}.modal-list dt{color:var(--text-secondary)}.modal-list dd{margin:0}.development-screen{align-items:center;min-height:calc(100vh - 62px);display:flex}.development-panel{border:1px solid var(--border-subtle);background:#fff;width:100%;max-width:640px;padding:40px}.development-kicker{color:var(--blue-500);letter-spacing:.32px;text-transform:uppercase;margin-bottom:8px;font-size:12px;line-height:16px;display:block}.development-panel h1{margin:0;font-size:32px;font-weight:400;line-height:40px}.development-panel p{color:var(--text-secondary);max-width:520px;margin:16px 0 0;font-size:16px;line-height:22px}.development-actions{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex}@media (max-width:900px){.header{z-index:10;padding:0 16px;position:sticky;top:0}.brand{width:auto}.shell-body{grid-template-columns:1fr}.sidebar{border-bottom:0;border-right:0;border-top:1px solid var(--border-subtle);min-height:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom));z-index:10;gap:8px;width:100%;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -8px 24px #16161614}.menu-section{display:contents}.menu-section p{display:none}.menu-section a{color:var(--text-secondary);white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;height:40px;padding:0 14px;font-size:13px;display:inline-flex}.menu-section a.active{background:var(--blue-600);color:#fff}.content{padding:20px 16px 96px}.page-title{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid,.workspace-grid,.metric-strip,.management-header,.form-grid,.readonly-grid,.readonly-grid.three,.compliance-grid,.compliance-grid.two,.documents-grid,.validation-grid{grid-template-columns:1fr}.tabs,.tabs.class-tabs{gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.tabs a{border:1px solid var(--border-subtle);flex:none;min-width:180px;height:40px}.management-actions{flex-direction:column;align-items:stretch;gap:12px}.search-field,.management-actions select,.management-actions button,.management-actions .toolbar-button{width:100%}.detail-panel,.document-card,.panel,.stat-card,.mini-metric{min-width:0}.document-card-title{flex-direction:column;align-items:flex-start;gap:8px}.detail-actions,.detail-actions.right,.class-log-actions,.modal-actions{flex-direction:column;align-items:stretch}.button-like,.outline-action,.toolbar-button,.class-log-actions .outline-action,.class-log-actions .toolbar-button{width:100%}.login-screen{grid-template-columns:1fr}.login-panel{min-height:100vh;padding:48px 20px 24px}.login-form{max-width:none}.login-form h1{font-size:32px;line-height:40px}.login-art{display:none}.development-screen{align-items:flex-start;min-height:auto}.development-panel{padding:24px}.development-actions{flex-direction:column;align-items:stretch}}@media (max-width:520px){.header{height:56px;padding:0 12px}.brand,.shell-body,.sidebar{width:100%}.brand img{width:66px;height:26px}.header-actions button,.header-actions a{width:40px;height:40px;padding:10px}.shell-body{min-height:calc(100vh - 56px)}.content{padding:16px 16px 92px}.page-title h1,.development-panel h1{font-size:28px;line-height:36px}.primary-action{width:100%}.management-content{padding-left:16px}.management-header{gap:16px}.detail-header{flex-direction:column;align-items:flex-start;gap:12px}.detail-panel{padding:16px}.document-card{min-height:0;padding:16px}.doc-preview{max-width:100%}.score-ring{width:132px;height:132px}.login-panel{padding:40px 20px 24px}.login-form{gap:20px}.login-subtitle,.login-helper,.checkbox-line span{font-size:16px!important;line-height:22px!important}.login-form input,.login-form select,.login-form textarea{height:56px;font-size:16px}.otp-row{gap:8px}.otp-row input{height:52px}.login-footer{margin-top:40px}.development-panel{padding:24px 20px}}@media (max-width:700px){html,body{overflow-x:hidden}body,.shell{background:#eef2f7}.header{background:#fffffff5;border-bottom:1px solid #d8dee8;height:64px;padding:0 16px;box-shadow:0 2px 12px #0f172a14}.brand:after{color:var(--text-primary);content:"Backoffice";margin-left:12px;font-size:18px;font-weight:600;line-height:24px}.brand img{width:70px;height:28px}.header-actions{gap:4px}.header-actions button,.header-actions a{border-radius:999px;width:40px;height:40px;padding:10px}.header-actions button:hover,.header-actions a:hover{background:#e7f0ff}.sidebar{overscroll-behavior-x:contain;height:76px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#fffffffa;border-top:1px solid #d8dee8;grid-auto-columns:minmax(72px,1fr);grid-auto-flow:column;gap:0;display:grid;overflow-x:auto;box-shadow:0 -10px 28px #0f172a1f}.sidebar::-webkit-scrollbar{display:none}.tabs::-webkit-scrollbar{display:none}.menu-section{display:contents}.menu-section a{color:#64748b;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:72px;height:62px;padding:6px 8px;font-size:11px;font-weight:600;line-height:14px;display:flex}.menu-section a:before{color:inherit;content:attr(data-initial);background:0 0;border-radius:999px;justify-content:center;align-items:center;width:44px;height:28px;font-size:13px;font-weight:700;line-height:28px;display:flex}.menu-section a.active{color:var(--blue-600);background:0 0}.menu-section a.active:before{color:var(--blue-700);background:#d0e2ff}.content{padding:18px 14px 104px}.page-title,.management-header,.detail-header{background:0 0;margin-bottom:16px}.page-title p,.breadcrumb,.development-kicker{color:#64748b;letter-spacing:.24px;font-size:11px;font-weight:700}.page-title h1,.management-header h1,.detail-header h1{color:#0f172a;font-size:24px;font-weight:700;line-height:30px}.management-header p,.detail-header p{color:#64748b;margin-top:3px;font-size:13px;line-height:18px}.primary-action,.toolbar-button,.button-like,.outline-action,.login-form button,.login-button-link,.management-actions button{border-radius:8px;height:48px;min-height:48px;font-size:15px;font-weight:700;box-shadow:0 6px 14px #1343862e}.outline-action,.button-like.secondary{box-shadow:none}.stats-grid,.workspace-grid,.metric-strip,.management-header,.management-actions,.form-grid,.readonly-grid,.readonly-grid.three,.compliance-grid,.compliance-grid.two,.documents-grid,.validation-grid{grid-template-columns:1fr;gap:12px}.stat-card,.panel,.mini-metric,.detail-panel,.document-card,.development-panel{background:#fff;border:1px solid #dfe5ee;border-radius:8px;box-shadow:0 8px 22px #0f172a14}.stat-card{min-height:104px;padding:16px}.stat-card strong{margin-top:10px;font-size:30px;line-height:36px}.panel{min-height:0;padding:16px}.panel-heading{margin-bottom:12px}.panel-heading h2,.detail-panel h2,.tab-section-title h2{color:#0f172a;font-size:17px;font-weight:700;line-height:24px}.class-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:56px 1fr;min-height:68px;margin-bottom:8px}.search-field input,.management-actions select,.form-grid input,.modal-card input,.modal-card select,.login-form input,.login-form select,.login-form textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;height:48px;font-size:16px}.login-screen{background:#eef2f7}.login-panel{background:#eef2f7;justify-content:center;padding:32px 20px 24px}.login-form{background:#fff;border:1px solid #dfe5ee;border-radius:8px;gap:20px;padding:24px 20px;box-shadow:0 12px 28px #0f172a1a}.login-footer{color:#64748b;border-top:0;margin-top:24px;padding-top:0}.tabs,.tabs.class-tabs{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;gap:8px;max-width:calc(100% + 28px);margin:0 -14px 12px;padding:0 14px 8px;display:flex;overflow-x:auto}.tab-section-title{flex-direction:column;align-items:stretch;gap:12px}.tabs a{color:#64748b;scroll-snap-align:start;background:#fff;border:1px solid #d8dee8;border-radius:999px;flex:none;min-width:auto;height:40px;padding:10px 16px;font-size:13px;font-weight:700}.tabs a.active{color:var(--blue-700);background:#d0e2ff;border-color:#a6c8ff}.detail-panel{min-height:0;padding:16px}.info-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:0;padding:12px}.info-field span{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:700}.info-field strong{color:#0f172a;font-size:15px;font-weight:600}.data-table{background:0 0;border-top:0;overflow:visible}.data-table table,.data-table thead,.data-table tbody,.data-table tr,.data-table td{width:100%;min-width:0;display:block}.data-table table{border-collapse:separate}.data-table thead{width:1px;height:1px;position:absolute;overflow:hidden}.data-table tbody{gap:12px;display:grid}.data-table tr{background:#fff;border:1px solid #dfe5ee;border-radius:8px;gap:8px;padding:14px;display:grid;position:relative;box-shadow:0 8px 22px #0f172a14}.data-table td{color:#0f172a;text-align:right;text-overflow:clip;white-space:normal;border:0;justify-content:space-between;align-items:center;height:auto;min-height:28px;padding:0;font-size:14px;font-weight:600;line-height:20px;display:flex;overflow:visible}.data-table td:before{color:#64748b;content:"";letter-spacing:.2px;text-align:left;text-transform:uppercase;flex:0 0 44%;font-size:12px;font-weight:700}.data-table td:first-child{width:auto;min-height:0;position:absolute;top:14px;right:14px}.data-table td:first-child:before,.data-table td:last-child:before{content:""}.data-table td:nth-child(2){color:var(--blue-700);padding-right:40px;font-size:16px}.classes-table td:nth-child(2):before,.instructor-table td:nth-child(2):before,.audit-table td:first-child:before{content:"ID"}.classes-table td:nth-child(3):before{content:"Instrutor"}.classes-table td:nth-child(4):before{content:"Aluno"}.classes-table td:nth-child(5):before{content:"Agendado"}.classes-table td:nth-child(6):before{content:"Status"}.instructor-table td:nth-child(3):before{content:"CPF"}.instructor-table td:nth-child(4):before{content:"Nome"}.instructor-table td:nth-child(5):before{content:"Cadastro"}.instructor-table td:nth-child(6):before{content:"Status"}.instructor-table td:nth-child(7):before,.audit-table td:nth-child(2):before,.class-log-table td:first-child:before{content:"Verificacao"}.audit-table td:nth-child(3):before,.class-log-table td:nth-child(2):before{content:"Inicio"}.audit-table td:nth-child(4):before,.class-log-table td:nth-child(3):before{content:"Fim"}.audit-table td:nth-child(5):before,.class-log-table td:nth-child(4):before{content:"Status"}.audit-table td:nth-child(6):before,.class-log-table td:nth-child(5):before{content:"Detalhes"}.table-status{border-radius:999px;padding:4px 10px;font-weight:700}.icon-action{background:#e7f0ff;border-radius:999px;width:40px;height:40px}.pagination{color:#64748b;background:0 0;border-top:0;flex-wrap:wrap;gap:6px 12px;height:auto;padding:12px 4px 0;display:flex}.mini-metric{height:auto;min-height:72px;padding:12px 14px}.document-card{min-height:0;padding:16px}.document-card.large{min-height:0}.document-card h3{margin-bottom:10px;font-size:16px;line-height:22px}.document-card p{font-size:14px;line-height:20px}.doc-preview{background:#eff6ff;border:1px dashed #93c5fd;border-radius:8px;max-width:none;height:132px;margin:16px 0}.score-ring{border-width:18px;box-shadow:inset 0 0 0 8px #f0fdf4}.validation-grid .info-field{border:1px solid #bbf7d0}.validation-grid .info-field span{margin:0 0 6px}.modal-layer{align-items:flex-end;padding:16px}.modal-card{border-radius:8px;width:100%;max-width:none;padding:20px}}