@import "https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap";.sv-app{min-height:100vh;display:flex}.sv-sidebar{color:#ecf0f1;background:#1a252f;flex-direction:column;flex-shrink:0;width:250px;height:100vh;display:flex;position:sticky;top:0}.sv-brand{background:#141e28;border-bottom:1px solid #2c3e50;align-items:center;gap:10px;padding:18px 16px;display:flex}.sv-brand img{object-fit:contain;background:#fff;border-radius:50%;width:40px;height:40px}.sv-brand-title{font-size:15px;font-weight:700}.sv-brand-sub{color:#9fb0c0;font-size:11px}.sv-nav{flex:1;padding:12px 0;overflow-y:auto}.sv-nav a{color:#bdc8d4;border-left:4px solid #0000;align-items:center;gap:11px;padding:11px 18px;font-size:14.5px;display:flex}.sv-nav a:hover{color:#fff;background:#22303d}.sv-nav a.active{color:#fff;background:#22303d;border-left-color:#3498db}.sv-foot{background:#141e28;border-top:1px solid #2c3e50;padding:14px}.sv-user{flex-direction:column;margin-bottom:10px;font-size:13.5px;font-weight:600;display:flex}.sv-user small{color:#f1c40f;margin-top:2px;font-size:11.5px;font-weight:400}.sv-portal{color:#bdc8d4;border:1px solid #2c3e50;border-radius:7px;justify-content:center;align-items:center;gap:8px;margin-bottom:8px;padding:8px;font-size:13px;display:flex}.sv-portal:hover{color:#fff;background:#22303d}.sv-logout{color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px;font-family:inherit;font-weight:600;display:flex}.sv-logout:hover{background:#e74c3c}.sv-main{flex:1;width:100%;min-width:0;max-width:1200px;margin:0 auto;padding:26px}.sv-hamburger{z-index:1002;color:#fff;cursor:pointer;background:#1a252f;border:none;border-radius:8px;width:44px;height:44px;font-size:20px;display:none;position:fixed;top:12px;left:12px}.sv-overlay{display:none}@media (width<=860px){.sv-sidebar{z-index:1001;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sv-sidebar.mobile-open{transform:translate(0)}.sv-hamburger{justify-content:center;align-items:center;display:flex}.sv-overlay.active{z-index:1000;background:#00000080;display:block;position:fixed;inset:0}.sv-main{padding:64px 16px 24px}}.report-head{text-align:center;border-bottom:3px solid var(--navy);margin-bottom:16px;padding-bottom:12px}.report-head h2{color:var(--navy);margin:0;font-size:20px}.kpi-grid{flex-wrap:wrap;gap:12px;margin:10px 0 6px;display:flex}.kpi-grid .kpi{background:var(--soft);border:1px solid var(--line);text-align:center;border-radius:10px;flex:1;min-width:130px;padding:12px}.kpi-grid .kpi .n{color:var(--navy);font-size:23px;font-weight:700}.kpi-grid .kpi .l{color:var(--muted);margin-top:2px;font-size:12.5px}.bar-wrap{vertical-align:middle;background:#e9edf3;border-radius:6px;width:140px;height:10px;margin-right:8px;display:inline-block;overflow:hidden}.bar{background:linear-gradient(90deg,#3498db,#27ae60);height:100%}.bar-pct{color:var(--muted);font-size:12.5px}.no-print-border{margin-top:6px}.sign-row{text-align:center;justify-content:space-around;gap:50px;margin-top:34px;font-size:14px;display:flex}.sign-row .sign{flex:1}.sign-row .line{border-top:1px dotted #555;width:80%;margin:32px auto 6px}@media print{@page{size:A4;margin:14mm}body{background:#fff}.no-print{display:none!important}.sv-app{display:block}.sv-sidebar,.sv-hamburger,.sv-overlay{display:none!important}.sv-main{max-width:none;margin:0;padding:0}.sv-card.report-paper{box-shadow:none;border:none;border-radius:0;margin:0;padding:0}.sv-textarea{resize:none;background:#fff;min-height:auto;padding:0;border:none!important}.sv-textarea::placeholder{color:#0000}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--navy:#1a1a4e;--blue:#3498db;--green:#27ae60;--ink:#222;--muted:#666;--line:#e0e4ec;--soft:#f4f6f9}*{box-sizing:border-box}body{color:var(--ink);background:#eef1f6;margin:0;font-family:Sarabun,sans-serif}a{color:inherit;text-decoration:none}.sv-loading{height:100vh;color:var(--muted);justify-content:center;align-items:center;font-size:18px;display:flex}.sv-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.sv-btn.primary{background:var(--green);color:#fff}.sv-btn.blue{background:var(--blue);color:#fff}.sv-btn.ghost{color:var(--navy);border:1px solid var(--line);background:#fff}.sv-btn.danger{color:#c0392b;background:0 0;padding:4px 8px}.sv-btn:disabled{opacity:.55;cursor:not-allowed}.sv-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:18px;padding:20px;box-shadow:0 1px 4px #0000000a}.sv-card h2{color:var(--navy);margin:0 0 4px;font-size:18px}.sv-card h3{color:var(--navy);border-left:4px solid var(--blue);margin:18px 0 8px;padding-left:9px;font-size:15px}.sv-muted{color:var(--muted);font-size:13.5px}.sv-table{border-collapse:collapse;width:100%;font-size:13.5px}.sv-table th,.sv-table td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 9px}.sv-table thead th{background:var(--navy);color:#fff;font-weight:600}.sv-table tbody tr:nth-child(2n){background:#fafbfd}.sv-input,.sv-select,.sv-textarea{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}.sv-textarea{resize:vertical;min-height:64px}.sv-row{flex-wrap:wrap;gap:12px;display:flex}.sv-row>*{flex:1;min-width:160px}label.sv-label{color:var(--muted);margin:8px 0 3px;font-size:13px;display:block}.sv-badge{color:#fff;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700}.b-plan{background:#2980b9}.b-do{background:#27ae60}.b-check{background:#e67e22}.b-act{background:#8e44ad}.b-done{background:#7f8c8d}.sv-pill{color:var(--blue);background:#eef3fb;border:1px solid #cfe0f5;border-radius:6px;margin:2px;padding:2px 8px;font-size:12px;display:inline-block}.day-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}@media (width<=900px){.day-grid{grid-template-columns:repeat(2,1fr)}}.period-card{border:1px solid var(--line);background:#fff;border-radius:8px;flex-direction:column;min-height:90px;display:flex;overflow:hidden}.period-card.is-break{background:#f0f0f0;justify-content:center;align-items:center}.period-break{color:#888;text-align:center;writing-mode:vertical-rl;padding:10px 0;font-size:13px}.period-head{background:var(--navy);color:#fff;padding:5px 7px;font-size:12.5px;font-weight:600}.period-head small{opacity:.85;font-weight:400}.period-body{flex-direction:column;flex:1;gap:5px;padding:6px;display:flex}.period-empty{color:#aaa;text-align:center;padding:10px 0;font-size:12px}.cand{text-align:left;border:1px solid var(--line);cursor:pointer;background:#f8fafc;border-radius:6px;flex-direction:column;gap:1px;padding:5px 7px;font-family:inherit;transition:all .12s;display:flex}.cand:hover:not(.disabled){border-color:var(--green);background:#e8f5ee}.cand b{color:var(--navy);font-size:12.5px}.cand span{color:var(--muted);font-size:11px}.cand em{color:#c0392b;font-size:10.5px;font-style:normal;font-weight:600}.cand.disabled{opacity:.6;cursor:not-allowed;background:#f3f3f3}