:root{--pandoo-green:#1aad5b;--pandoo-green-dark:#15924d;--pandoo-green-light:#e8f6ee;--text:#2e3a42;--text-muted:#7a8a94;--text-light:#9aa7af;--border:#e4eaed;--bg:#fff;--bg-page:#f7f9fa;--warn-bg:#fdf6e3;--warn-border:#f0d9a0;--warn-text:#8a6d1f;--danger:#d64545;--blue:#4a90e2;--sidebar-w:248px;--header-h:64px;--radius:4px;--shadow:0 1px 3px #0000000f}*{box-sizing:border-box}html,body,#app{height:100%}body{color:var(--text);background:var(--bg-page);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button{font-family:inherit}.page-title{color:var(--text);margin:0 0 6px;font-size:26px;font-weight:400}.breadcrumb{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:22px;font-size:13px;display:flex}.breadcrumb a{color:var(--pandoo-green)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .sep{color:var(--text-light);font-size:12px}.btn{border-radius:var(--radius);cursor:pointer;color:var(--text);background:#fff;border:1px solid #0000;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--pandoo-green);color:#fff}.btn-primary:hover{background:var(--pandoo-green-dark)}.btn-outline{border-color:var(--border);color:var(--text-muted)}.btn-outline:hover{border-color:var(--pandoo-green);color:var(--pandoo-green)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:30px;height:30px;color:var(--text-muted);background:#fff;justify-content:center;padding:6px}.btn-icon:hover{border-color:var(--pandoo-green);color:var(--pandoo-green)}.btn-icon.danger:hover{border-color:var(--danger);color:var(--danger)}.panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-pad{padding:20px}.field{margin-bottom:16px}.field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.input,select.input,textarea.input{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);background:#fff;outline:none;padding:9px 12px;font-size:14px;transition:all .15s}.input:focus{border-color:var(--pandoo-green);box-shadow:0 0 0 3px #1aad5b1a}.input[readonly]{color:var(--text-muted);background:#f5f7f8}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 18px;display:grid}.alert{border-radius:var(--radius);align-items:flex-start;gap:10px;margin-bottom:20px;padding:13px 16px;font-size:13.5px;display:flex}.alert-warn{background:var(--warn-bg);border:1px solid var(--warn-border);color:var(--warn-text)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#c8d2d8;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#a9b6be}::-webkit-scrollbar-track{background:#f0f3f5}