@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#243936;background:#f5f7f8;font-size:14px;font-synthesis:none;--teal: #0f766e;--teal-dark: #115e59;--muted: #74847f;--line: #e5ebe9;--warning: #c2413b;--amber: #a36e20;--radius: 12px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:inherit;border-radius:7px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s,border-color .15s}button:hover{background:#f1f6f5;border-color:#bdd4cf}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea{border:1px solid #dbe4e1;border-radius:7px;background:#fff;padding:10px 12px;min-width:0;color:#2a403b}input:read-only,textarea:read-only{background:#f8faf9}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #8ed2c7;outline-offset:2px}input::placeholder{color:#97a29e}label{display:flex;flex-direction:column;gap:9px;font-size:12px;font-weight:600}form>label{margin:20px 0}h1,h2,h3,h4,p{margin:0}h1{font-size:29px;letter-spacing:-.6px;font-weight:700}h2{font-size:21px;line-height:1.6}h3{font-size:16px;font-weight:700}h4{font-size:13px}p{line-height:1.9}small{font-size:11px}strong{font-weight:600}.primary{background:var(--teal);color:#fff;border-color:var(--teal);font-weight:600}.primary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.secondary{background:#fff;font-size:12px;font-weight:500}.full{width:100%}.text-link{padding:0;border:0;background:transparent;color:var(--teal);font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:8px}.text-link:hover{background:transparent;text-decoration:underline}.muted{color:var(--muted);font-size:12px}.eyebrow{display:block;color:var(--teal);font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:9px}.brand{display:flex;align-items:center;gap:11px;color:var(--teal-dark);font-size:24px;letter-spacing:-.8px;font-weight:800;line-height:1.2}.brand:hover{text-decoration:none}.brand-sub{display:block;font-size:10px;font-weight:500;letter-spacing:.4px;margin-top:5px}.brand-symbol{width:43px;height:47px;background:var(--teal);color:#fff;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.warning{color:var(--warning)!important}.center{text-align:center}.notice{background:#fdf4e5;border:1px solid #eedab5;color:#75531f;border-radius:8px;padding:12px 16px;font-size:12px;margin:14px 0;line-height:1.7}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);padding:42px 20px;gap:10px;font-size:12px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.loading p{color:var(--muted)}footer{font-size:10px;color:#84938e;text-align:center;padding:27px 15px;line-height:1.8}.badge,.chip{display:inline-flex;align-items:center;white-space:nowrap;border-radius:5px;font-size:10px;padding:4px 9px;background:#f1f5f4;color:#526b64}.badge.success{background:#e6f4ef;color:#187365}.badge.abandoned{background:#fff2df;color:#a27127}.chip{border:1px solid #e3ebe8}.amber-chip{background:#fff8eb;color:#a27127;border:1px solid #f4e4c3}.progress{height:6px;background:#e8eeec;border-radius:4px;overflow:hidden;margin:9px 0}.progress span{height:100%;display:block;background:var(--teal);border-radius:4px}.progress.danger span{background:var(--warning)}.admin-shell{display:flex;min-height:100vh}.sidebar{width:232px;background:#fff;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:40;padding:29px 18px 0}.sidebar .brand{padding:0 7px}.tenant-switch{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:#fafcfb;margin:31px 0 27px;padding:12px 9px}.tenant-avatar{border:1px solid #d9e7e2;background:#fff;font-size:13px;border-radius:7px;width:32px;height:33px;display:flex;align-items:center;justify-content:center;color:var(--teal)}.tenant-switch strong{font-size:12px;display:block}.tenant-switch small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.nav-label{color:#98a69f;font-size:9px;letter-spacing:1.6px;font-weight:600;margin:0 12px 12px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{justify-content:flex-start;border:0;gap:11px;padding:13px 12px;font-size:12px;color:#697b75;font-weight:500;border-radius:7px;text-align:left;min-height:44px}.sidebar nav button.active{background:#e9f4f1;color:var(--teal);font-weight:700}.nav-dot{width:5px;height:5px;background:var(--teal);border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.sidebar-bottom>a{display:flex;align-items:center;gap:10px;padding:12px;font-size:11px;color:#698078}.account{border-top:1px solid var(--line);margin-top:13px;padding:19px 0;display:flex;gap:10px;align-items:center}.avatar{height:32px;width:32px;border-radius:50%;background:#e5efeb;color:var(--teal);display:flex;align-items:center;justify-content:center;font-size:12px}.account strong{font-size:10px;display:block}.account button{padding:3px 0;border:0;color:var(--muted);font-size:9px}.main-shell{margin-left:232px;width:calc(100% - 232px)}.topbar{height:69px;background:#fffffff0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:11px;color:#70847b}.breadcrumb{color:#9aa8a2;margin-left:12px}.demo-label{display:flex;align-items:center;gap:6px;font-size:10px;background:#f1f6f3;border:1px solid var(--line);padding:5px 10px;border-radius:5px}.demo-label i{width:5px;height:5px;background:#6d9a86;border-radius:50%}.mobile-menu,.menu-backdrop{display:none}.main-shell main{padding:33px 36px 0;max-width:1580px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.page-heading p{font-size:12px;color:#819089;margin-top:9px}.page-heading h1{font-size:27px}.page-heading .eyebrow{font-size:9px}.global-filters{display:flex;align-items:center;gap:18px;margin-bottom:25px;flex-wrap:wrap}.global-filters label{display:flex;flex-direction:row;align-items:center;gap:10px;font-size:11px;font-weight:400;color:#697b74}.global-filters select{padding:8px 28px 8px 10px;font-size:11px;color:#394e46}.filter-period{font-size:10px;color:#8b9993;margin-left:auto}.custom-dates{display:flex;gap:6px;align-items:center}.custom-dates input{font-size:11px;padding:7px;max-width:145px}.welcome-strip{display:flex;align-items:center;justify-content:space-between;background:#eaf3f0;border:1px solid #dbece5;padding:12px 17px;border-radius:9px;margin-bottom:22px;font-size:11px;color:#447267;gap:12px}.welcome-strip>span{display:flex;align-items:center;gap:9px}.welcome-strip button{font-size:10px;color:var(--teal);background:transparent;border:0;padding:2px;font-weight:600}.kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:22px}.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;position:relative;min-height:135px;overflow:hidden}.kpi>span{display:block;font-size:11px;color:#697e73;font-weight:500}.kpi>span>small{font-size:9px;font-weight:400;margin-left:8px;color:#92a398}.kpi>strong{display:block;font-size:32px;letter-spacing:-1px;line-height:1.6;font-weight:600;font-variant-numeric:tabular-nums;color:#233c32}.kpi em{font-size:13px;font-style:normal;margin-left:5px;letter-spacing:0;font-weight:400;color:#81988a}.kpi>p{font-size:9px;color:#8b9c92}.primary-kpi{border-color:#c7e0d6;background:#f4faf7}.primary-kpi>strong{color:var(--teal);position:relative;z-index:1}.donut{width:65px;height:65px;position:absolute;right:17px;top:42px;opacity:.9}.primary-kpi>strong,.primary-kpi>p{max-width:calc(100% - 60px)}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin-bottom:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.panel-heading h3{font-size:14px}.panel-heading p{font-size:10px;color:#8a9991;margin-top:6px}.legend{font-size:9px;color:var(--teal);white-space:nowrap}.legend.amber{color:var(--amber)}.chart{width:100%;height:auto;max-height:230px;display:block}.chart text{font-size:10px;fill:#84948c;font-family:inherit}.chart .chart-value{fill:#456758;font-weight:600}.weekly-panel .chart{max-height:220px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.two-col .panel{min-width:0}.horizontal-bars{display:flex;flex-direction:column;gap:18px;padding:7px 0 8px}.horizontal-row{display:grid;grid-template-columns:75px 1fr 52px;align-items:center;gap:12px;font-size:10px}.horizontal-row svg{width:100%;height:12px}.horizontal-row strong{font-size:12px;text-align:right;font-variant-numeric:tabular-nums}.horizontal-row small{font-size:9px;margin-left:2px;color:var(--muted)}.follow-panel .panel-heading{margin-bottom:20px}.follow-panel .eyebrow{font-size:8px;margin-bottom:5px}.follow-grid{display:grid;grid-template-columns:240px 1fr;gap:29px}.follow-count{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;font-size:11px;color:#6c7f73}.follow-count>strong{font-size:43px;color:#2a4536}.follow-count>strong small{font-size:13px;margin-left:7px;color:#8d9d92}.follow-count .text-link{margin-top:5px;font-size:10px}.follow-question{display:flex;align-items:center;gap:12px;border:0;border-bottom:1px solid #f0f3f1;border-radius:0;padding:12px 0;width:100%;text-align:left;background:transparent;font-size:10px;line-height:1.7}.follow-question:last-child{border-bottom:0}.follow-question>span{flex:1}.follow-question small{display:block;color:#8d9e93;font-size:9px;margin-bottom:3px}.follow-question strong{font-size:15px;white-space:nowrap}.metric-note{font-size:9px;color:#97a39c;line-height:1.9;margin:6px 0 17px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}thead{background:#f7f9f8;color:#7c8f82}th{padding:12px 13px;font-size:10px;font-weight:500;white-space:nowrap}td{padding:14px 13px;border-bottom:1px solid #edf1ef;line-height:1.6}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcfb}.nowrap{white-space:nowrap}.cell-sub{display:block;color:#8c9b92;font-size:9px;margin-top:4px}.tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin:-3px 0 20px}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:12px 3px;background:transparent;color:#83938a;font-size:12px}.tabs button.active{color:var(--teal);border-color:var(--teal);font-weight:700}.table-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.table-toolbar input{font-size:11px;min-width:180px;flex:1}.table-toolbar select{font-size:11px;max-width:230px}.table-toolbar h3{margin-right:auto}.pagination{border-top:1px solid var(--line);padding-top:19px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#7d8e83}.pagination>div{display:flex;align-items:center;gap:14px}.pagination button{font-size:10px;padding:6px 12px}.inline-note{padding:12px 14px;background:#f5f8f6;border-radius:7px;font-size:10px;color:#7a8b7f;margin-bottom:16px;display:flex;align-items:center;gap:15px;justify-content:space-between}.inline-note button{font-size:10px;white-space:nowrap}.training-selector{display:flex;gap:10px;margin-bottom:22px}.training-selector button{padding:10px 28px;color:#7b8d81;font-size:12px}.training-selector button.selected{background:var(--teal);border-color:var(--teal);color:#fff}.training-hero{display:flex;gap:28px;align-items:center}.training-hero img{width:260px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.training-hero h2{font-size:20px;margin:8px 0}.training-hero p{font-size:11px;color:#7c8d81;margin-bottom:13px;max-width:600px}.question-table{min-width:830px}.question-table th:nth-child(1){width:43%}.question-table th:nth-child(2){width:18%}.question-table th:nth-child(3){width:13%}.question-table td{vertical-align:top;padding:20px 13px}.question-number{display:block;color:#8b9c90;font-size:10px;margin-bottom:7px}.correct-answer{color:var(--teal);font-size:10px;margin-top:9px;line-height:1.7}.hint{font-size:9px;line-height:1.5;margin-top:8px}.question-table .progress{max-width:110px}.question-table td>small{color:#8a9a8e}.matrix{min-width:820px}.matrix td{padding:13px 8px;text-align:center}.matrix th{text-align:center}.matrix td:first-child,.matrix th:first-child{text-align:left;min-width:120px}.matrix th .cell-sub{white-space:normal;max-width:140px;margin:5px auto 0;font-size:9px}.heat-cell{border-radius:7px;padding:20px 10px}.heat-cell strong{font-size:20px;color:var(--teal-dark)}.heat-cell strong small{font-size:11px;margin-left:2px}.heat-cell>span{display:block;font-size:9px;color:#718779;margin-top:5px}.seat-banner{display:flex;align-items:center;gap:26px;background:#edf5f0;border:1px solid #d8e6dd;border-radius:10px;padding:24px;margin-bottom:22px}.seat-banner h2{font-size:30px;color:var(--teal)}.seat-banner h2 small{font-size:15px;color:#74917f}.seat-banner>span{font-size:12px;color:#718574}.seat-banner .progress{margin-left:auto;flex:0 1 200px;height:8px}.employee-form{display:flex;align-items:flex-end;gap:15px;margin:10px 0 22px}.employee-form label{flex:1;margin:0;min-width:0}.employee-form button{white-space:nowrap;font-size:12px;min-height:42px}.employee-form input,.employee-form select{width:100%;font-size:12px;min-height:42px}.import-row{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.file-button{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #dbe4dd;border-radius:7px;cursor:pointer}.file-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.distribution{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:36px}.distribution>div:first-child{flex:1}.distribution h2{margin:15px 0;font-size:23px}.distribution label{margin:26px 0 13px}.copy-field{display:flex;gap:8px}.copy-field input{flex:1;font-size:12px;min-width:0}.copy-field button{font-size:12px}.qr-box{border:1px solid var(--line);padding:10px;border-radius:10px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.qr-box img{width:190px;height:190px}.qr-box span{font-size:10px;color:#8a9b8c;padding:8px}.mail-template{width:100%;min-height:420px;resize:vertical;font-size:12px;line-height:1.9;padding:22px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid .panel{height:fit-content}.settings-grid dl{display:grid;grid-template-columns:100px 1fr;font-size:12px;gap:12px;margin:24px 0 30px}.settings-grid dd{margin:0;overflow-wrap:anywhere}.settings-grid dt{color:#8b9c8d}.settings-grid form>label{font-size:11px}.settings-grid form input{font-size:12px}.settings-grid .notice{grid-column:1/-1}.report-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-bottom:22px}.report-actions>span{margin-right:auto;color:#7b8f80;font-size:12px}.report-document{background:#fff;border:1px solid var(--line);padding:35px;border-radius:10px;max-width:1100px;margin:auto}.report-header{border-bottom:2px solid var(--teal);padding-bottom:23px;margin-bottom:25px}.report-header h1{font-size:27px;margin:10px 0}.report-header>p{font-size:16px}.report-header>div{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8d9c90;margin-top:18px}.report-document .panel{padding:20px}.report-document .kpi{padding:16px}.report-document .kpi>strong{font-size:26px}.report-document .donut{width:45px;height:45px;right:12px}.report-document .kpi>span>small{display:none}.report-document .two-col{gap:15px}.report-insights ol{padding-left:22px;line-height:2;font-size:12px;color:#657d6c;margin:14px 0 25px}.report-insights p{font-size:12px;color:#657d6c;margin-top:12px}.login-page{min-height:100vh;display:grid;grid-template-columns:46% 54%;background:#fff}.login-story{background:#eff6f2;padding:60px 14% 45px;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden}.login-story .brand{position:absolute;top:45px;left:14%}.login-story>.eyebrow{margin-top:40px}.login-story h1{font-size:48px;line-height:1.55;letter-spacing:1px;color:#194d3d;margin:20px 0}.login-story>p{font-size:14px;line-height:2.1;color:#7b9584}.login-points{display:flex;flex-direction:column;gap:17px;margin-top:37px}.login-points>span{display:flex;align-items:center;gap:10px;font-size:12px;color:#48705a}.login-points svg{background:#d8e9de;border-radius:50%;padding:3px;color:var(--teal)}.login-decoration{position:absolute;bottom:45px;left:14%;display:flex;align-items:center;gap:14px;color:#92ab99;font-size:9px}.login-main{display:flex;flex-direction:column;justify-content:center;padding:60px 14% 18px}.login-form{max-width:410px;width:100%;margin:auto}.login-form h2{font-size:20px;margin:12px 0}.login-form>.muted{margin-bottom:26px}.login-form form .primary{margin-top:10px;padding:13px}.demo-account{border:1px solid #dce9df;background:#f8fbf8;border-radius:10px;padding:20px;margin:29px 0 20px}.demo-account strong{font-size:11px;color:#526b58}.demo-account p{font-size:11px;color:#7e9282;margin:10px 0 16px}.demo-account .secondary{color:var(--teal);border-color:#b6d4c3}.login-main footer{padding-top:45px;font-size:9px}.result-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 36px);z-index:100;box-shadow:0 4px 20px #153d2926;pointer-events:none}.portal{background:#f8faf9;min-height:100vh}.portal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:22px max(5%,calc((100% - 1180px)/2));background:#fff;gap:20px}.portal-header .brand{font-size:24px}.portal-header .brand-sub{font-size:11px}.portal-person{font-size:12px;text-align:right;line-height:1.8}.portal-person button{display:block;margin-top:4px;font-size:10px;margin-left:auto}.portal main{max-width:1180px;padding:0 25px;margin:auto}.portal-intro{padding:55px 0 35px}.portal-intro h1{font-size:32px;line-height:1.7;margin:12px 0}.portal-intro>p{font-size:13px;color:#7b9183}.portal-steps{display:flex;align-items:center;gap:18px;margin-top:25px;color:#5c8c74;font-size:11px}.registration{padding:25px 28px;margin:0 0 38px}.registration h2{font-size:17px}.registration .muted{font-size:11px;margin:6px 0 22px}.registration .employee-form{margin-bottom:0}.catalog-heading{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.catalog-heading h2{font-size:21px}.catalog-heading>span{font-size:11px;color:#8b9b8e}.training-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-bottom:28px}.training-card{border:1px solid #e0e9e3;border-radius:13px;overflow:hidden;background:#fff;transition:transform .18s,box-shadow .18s}.training-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #244e3b0c}.thumbnail{position:relative;aspect-ratio:16/8.7;overflow:hidden;background:#dae5de}.thumbnail>img{width:100%;height:100%;object-fit:cover}.image-chip{position:absolute;left:16px;top:16px;padding:5px 11px;border-radius:5px;background:#fffffff0;font-size:11px;color:#315540;font-weight:600}.image-time{position:absolute;bottom:12px;right:12px;background:#173e32bd;color:#fff;border-radius:4px;padding:3px 8px;font-size:10px}.completed-badge{position:absolute;top:16px;right:16px;background:var(--teal);color:#fff;border-radius:5px;padding:5px 9px;font-size:10px}.training-card-body{padding:24px}.venue{font-size:10px;color:#93a398}.training-card h3{font-size:21px;margin:7px 0 12px;color:#294c39;line-height:1.6}.training-card p{font-size:11px;color:#87988b;min-height:44px;line-height:1.9}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:19px 0;color:#859a8b;font-size:10px}.card-meta>span{display:flex;align-items:center;gap:6px}.training-card .primary{font-size:12px;padding:12px;justify-content:space-between}.training-card .primary:disabled{opacity:.45}.personal-history{margin-top:45px}.guide{background:#e8f4ee;border:1px solid #c8dfd1;color:#3a7251;display:flex;align-items:flex-start;gap:15px;padding:20px;border-radius:10px;font-size:12px;margin-bottom:30px}.guide>svg{flex-shrink:0}.guide p{font-size:10px;margin-top:8px}.mobile-only{display:none}@media(min-width:1500px){.kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.kpi{padding:19px 16px}.kpi>strong{font-size:29px}.donut{width:43px;height:43px;right:10px;top:52px}.kpi>span>small{display:none}.report-document .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1150px){.sidebar{width:205px;padding-left:12px;padding-right:12px}.sidebar .brand{font-size:22px}.main-shell{margin-left:205px;width:calc(100% - 205px)}.main-shell main{padding:27px 24px 0}.topbar{padding:0 24px}.follow-grid{grid-template-columns:180px 1fr;gap:20px}.panel{padding:20px}.two-col{gap:16px}.horizontal-row{grid-template-columns:62px 1fr 45px;gap:7px}.kpi{padding:18px}.kpi>strong{font-size:29px}.donut{width:52px;height:52px;right:10px}.kpi>span>small{display:none}.employee-form{flex-wrap:wrap}.employee-form label{flex:1 1 180px}.employee-form>button{margin-left:auto}.distribution{padding:25px}.qr-box img{width:150px;height:150px}.copy-field{flex-wrap:wrap}.copy-field input{flex-basis:100%}.training-hero img{width:220px}.settings-grid{grid-template-columns:1fr}.settings-grid .panel{max-width:700px;width:100%}.login-story{padding-left:10%;padding-right:10%}.login-story .brand,.login-decoration{left:10%}.login-story h1{font-size:41px}.login-main{padding-left:10%;padding-right:10%}.report-document{padding:23px}.report-document .two-col{grid-template-columns:1fr}.report-actions{flex-wrap:wrap}.report-actions>span{flex:1 1 100%}}@media(max-width:800px){.menu-backdrop{display:block;position:fixed;inset:0;width:100%;height:100%;border:0;border-radius:0;background:#183c3026;z-index:35}.sidebar{transform:translate(-100%);width:235px;box-shadow:0 0 35px #16453415;transition:transform .2s}.sidebar.open{transform:translate(0)}.main-shell{margin-left:0;width:100%}.topbar{padding:0 20px;height:60px;gap:12px;position:sticky;top:0;z-index:30}.topbar>span:nth-of-type(1){flex:1;font-size:10px}.breadcrumb{display:none}.mobile-menu{display:inline-flex;border:0;padding:5px;font-size:20px;color:var(--teal)}.main-shell main{padding:25px 20px 0}.kpi>strong{font-size:30px}.page-heading h1{font-size:24px}.global-filters{gap:12px}.filter-period{display:none}.training-hero{gap:18px}.training-hero img{width:200px}.follow-grid{grid-template-columns:155px 1fr;gap:15px}.login-page{grid-template-columns:1fr}.login-story{min-height:unset;padding:40px 8%}.login-story .brand{position:static;margin-bottom:35px}.login-story>.eyebrow{margin-top:0}.login-story h1{font-size:36px;margin:10px 0}.login-story h1 br{display:none}.login-story>p{font-size:12px}.login-points{flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:20px}.login-points>span{font-size:10px}.login-decoration{display:none}.login-main{padding:38px 8% 0}.login-form{max-width:500px}.portal-header{padding:20px 25px}.portal-intro{padding-top:35px}.portal-intro h1{font-size:27px}.training-grid{gap:20px}.training-card h3{font-size:18px}.training-card-body{padding:20px}.training-card p{min-height:65px}.registration .employee-form label{flex:1 1 160px}.registration .employee-form>button{flex:1 1 160px}.qr-box img{width:160px;height:160px}}@media(max-width:560px){:root{font-size:13px}.main-shell main{padding:22px 14px 0}.topbar{padding:0 14px}.demo-label{padding:4px 7px;font-size:9px}.page-heading{margin-bottom:20px;gap:8px}.page-heading .secondary{font-size:10px;padding:8px}.page-heading p{font-size:10px;max-width:240px}.page-heading h1{font-size:23px}.global-filters{gap:10px;margin-bottom:18px}.global-filters label{font-size:10px;gap:6px}.global-filters select{font-size:10px;max-width:150px;padding:8px}.global-filters label>svg{display:none}.custom-dates{order:3;flex-basis:100%}.welcome-strip{align-items:flex-start;flex-direction:column;gap:10px;padding:12px;font-size:10px}.welcome-strip button{align-self:flex-end}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.kpi{padding:15px 12px;min-height:118px;border-radius:9px}.kpi>span{font-size:10px}.kpi>strong{font-size:26px}.kpi>p{font-size:8px}.kpi em{font-size:10px}.donut{width:39px;height:39px;right:8px;top:44px}.primary-kpi>strong,.primary-kpi>p{max-width:calc(100% - 32px)}.primary-kpi>strong{font-size:24px}.two-col{grid-template-columns:1fr;gap:0}.panel{padding:18px 14px;margin-bottom:16px;border-radius:9px}.panel-heading{margin-bottom:15px}.panel-heading h3{font-size:13px}.panel-heading p{font-size:9px}.chart{min-height:150px}.line-chart{min-height:155px}.horizontal-bars{gap:15px}.horizontal-row{grid-template-columns:75px 1fr 50px}.follow-grid{grid-template-columns:1fr;gap:22px}.follow-count{border-right:0;border-bottom:1px solid var(--line);padding:5px 0 20px;display:grid;grid-template-columns:1fr auto}.follow-count>strong{grid-column:2;grid-row:1/3;font-size:35px}.follow-count .text-link{grid-row:2}.follow-question{font-size:10px}.follow-question strong{font-size:13px}.table-toolbar{gap:8px}.table-toolbar input{flex-basis:100%}.table-toolbar select{max-width:100%;flex:1;font-size:10px}.table-toolbar .secondary{font-size:10px}.inline-note{flex-direction:column;align-items:flex-start}.pagination{gap:10px}.pagination>div{gap:8px}.training-selector{gap:8px;margin-bottom:16px}.training-selector button{padding:8px 15px;flex:1;font-size:11px}.training-hero{flex-direction:column;gap:18px;align-items:flex-start}.training-hero img{width:100%}.training-hero h2{font-size:19px}.seat-banner{padding:18px;gap:15px;flex-wrap:wrap}.seat-banner h2{font-size:27px}.seat-banner>span{font-size:10px}.seat-banner .progress{flex:1 1 100%;margin:0}.employee-form{gap:12px}.employee-form label{flex:1 1 100%}.employee-form>button{width:100%}.import-row{gap:12px}.import-row .muted{font-size:10px}.distribution{padding:22px;flex-direction:column;align-items:stretch;gap:25px}.distribution h2{font-size:19px}.qr-box{align-self:center;width:210px}.qr-box img{width:185px;height:185px}.mail-template{font-size:11px;padding:15px;min-height:480px}.settings-grid{gap:0}.report-actions{justify-content:flex-start}.report-actions button{font-size:10px}.report-document{padding:17px 12px;border-radius:8px}.report-header h1{font-size:21px}.report-header>p{font-size:13px}.report-header>div{flex-direction:column;gap:6px}.report-document .kpis{gap:8px}.report-document .kpi{padding:12px 8px}.report-document .kpi>strong{font-size:24px}.report-document .donut{display:none}.report-document .primary-kpi>strong,.report-document .primary-kpi>p{max-width:100%}.report-document .panel{padding:16px 10px}.report-insights ol,.report-insights p{font-size:10px}.portal main{padding:0 18px}.portal-header{padding:18px;gap:12px}.portal-header .brand{font-size:21px}.portal-header .brand-symbol{width:35px;height:39px}.portal-header .brand-sub{font-size:9px}.portal-person{font-size:10px;max-width:115px}.portal-person button{font-size:9px}.portal-intro{padding:30px 0 26px}.portal-intro h1{font-size:25px;line-height:1.7;letter-spacing:0}.mobile-only{display:block}.portal-intro>p{font-size:11px}.portal-steps{font-size:9px;gap:8px;justify-content:space-between}.portal-steps svg{width:13px}.registration{padding:20px;margin-bottom:30px}.registration h2{font-size:16px}.registration .employee-form label{flex-basis:100%}.training-grid{grid-template-columns:1fr;gap:24px}.training-card h3{font-size:20px}.training-card p{min-height:unset}.training-card-body{padding:21px}.thumbnail{aspect-ratio:16/9}.personal-history{margin-top:30px}.login-story{padding:30px 7%}.login-story .brand{font-size:22px;margin-bottom:28px}.login-story h1{font-size:29px;letter-spacing:0}.login-story>.eyebrow{font-size:8px}.login-story>p br{display:none}.login-points{gap:9px}.login-points>span{font-size:9px}.login-main{padding:30px 7% 0}.login-form h2{font-size:18px}.login-form>.eyebrow{font-size:9px}.login-form>.muted{font-size:11px}.login-main footer{font-size:8px}.guide{padding:15px;font-size:11px}}@page{size:A4 portrait;margin:13mm}@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body,#root,.admin-shell,.main-shell{background:#fff!important;display:block;width:auto;margin:0;padding:0;color:#263e31}.no-print,.sidebar,.topbar,.page-heading,.global-filters{display:none!important}.main-shell main{padding:0;margin:0;max-width:none}.report-document{border:0;padding:0;max-width:none;border-radius:0}.report-header{margin-bottom:5mm;padding-bottom:4mm}.report-header h1{font-size:22pt}.report-header>div{flex-direction:row;font-size:8pt}.report-document .kpis{grid-template-columns:repeat(3,1fr);gap:3mm;margin-bottom:5mm}.report-document .kpi{min-height:27mm;padding:3mm}.report-document .kpi>strong{font-size:23pt}.report-document .kpi>span{font-size:8pt}.report-document .kpi>p{font-size:7pt}.report-document .donut{display:block;width:12mm;height:12mm;right:3mm;top:10mm}.report-document .panel{padding:4mm;margin-bottom:5mm;break-inside:avoid}.report-document .weekly-panel .chart{height:38mm;min-height:0;max-height:38mm}.report-document .two-col{display:grid;grid-template-columns:1fr 1fr;gap:4mm}.report-document .two-col .chart{height:44mm;min-height:0}.report-document .panel-heading h3{font-size:10pt}.report-document .panel-heading p{font-size:7pt}.report-document .horizontal-bars{gap:3mm;padding:0}.report-document .horizontal-row{grid-template-columns:20mm 1fr 12mm;font-size:7pt;gap:2mm}.report-document .horizontal-row strong{font-size:8pt}.report-document .horizontal-row svg{height:2.5mm}.report-document .legend{font-size:6pt}.report-document .table-wrap{overflow:visible}.report-document table{font-size:8pt}.report-document th,.report-document td{padding:2.8mm 2mm;white-space:normal}.report-summary{break-before:page}.report-insights ol,.report-insights p{font-size:10pt}.report-document footer{font-size:7pt;padding:6mm 0}.report-document .metric-note{font-size:7pt}.report-document h3{font-size:11pt}a{text-decoration:none!important}}