@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}}: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}