:root{--color-bg: #f4f6f9;--color-surface: #ffffff;--color-border: #e2e6ec;--color-primary: #2f6fed;--color-primary-dark: #2456bd;--color-text: #1c2430;--color-text-muted: #6b7482;--color-success: #1fa971;--color-danger: #e3543b;--color-warning: #d8912b;--sidebar-width: 240px;--radius: 10px;--shadow: 0 1px 3px rgba(20, 30, 50, .08), 0 1px 2px rgba(20, 30, 50, .06)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease,transform .05s ease}.btn:active{transform:scale(.98)}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-primary:disabled{background:#a9bde8;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:#eef1f5}.btn-danger{background:#fdeceb;color:var(--color-danger)}.btn-danger:hover{background:#fadcda}.btn-success{background:#e6f7f0;color:var(--color-success)}.btn-success:hover{background:#d3f0e4}.card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.page-title{font-size:22px;font-weight:700;margin:0 0 4px}.page-subtitle{color:var(--color-text-muted);margin:0 0 24px;font-size:14px}.form-group{margin-bottom:16px;display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--color-text-muted)}.form-control{padding:10px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:14px;background:#fff;color:var(--color-text);width:100%}.form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2f6fed26}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 720px){.form-row{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border);white-space:nowrap}th{color:var(--color-text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.table-wrapper{overflow-x:auto}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-success{background:#e6f7f0;color:var(--color-success)}.badge-danger{background:#fdeceb;color:var(--color-danger)}.badge-warning{background:#fdf2e2;color:var(--color-warning)}.badge-neutral{background:#eef1f5;color:var(--color-text-muted)}.alert{padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.alert-error{background:#fdeceb;color:var(--color-danger)}.alert-success{background:#e6f7f0;color:var(--color-success)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px}.stat-card .stat-label{font-size:13px;color:var(--color-text-muted);margin-bottom:8px}.stat-card .stat-value{font-size:26px;font-weight:700}.mobile-topbar,.drawer-overlay{display:none}@media (max-width: 860px){.mobile-topbar{display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:45}.mobile-topbar-title{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;padding:0}.hamburger-btn .bars{position:relative;width:16px;height:2px;background:var(--color-text);border-radius:1px}.hamburger-btn .bars:before,.hamburger-btn .bars:after{content:"";position:absolute;left:0;width:16px;height:2px;background:var(--color-text);border-radius:1px}.hamburger-btn .bars:before{top:-5px}.hamburger-btn .bars:after{top:5px}.drawer-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:49}}@media (max-width: 640px){.table-cards table,.table-cards thead,.table-cards tbody,.table-cards tr,.table-cards td{display:block;width:100%}.table-cards thead{display:none}.table-cards tbody tr{border:1px solid var(--color-border);border-radius:var(--radius);padding:4px 14px;margin-bottom:12px}.table-cards tbody tr:last-child{margin-bottom:0}.table-cards td{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--color-border);white-space:normal;text-align:right}.table-cards td:last-child{border-bottom:none}.table-cards td:before{content:attr(data-label);flex-shrink:0;text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.table-cards td.table-cards-empty{justify-content:center;text-align:center}.table-cards td.table-cards-empty:before{content:""}}@media (max-width: 640px){.table-scroll table{min-width:620px}}@media (max-width: 560px){.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .form-group,.filter-bar .form-group.grow{min-width:0;width:100%}.filter-actions,.filter-actions-group,.filter-actions-group .filter-actions{width:100%}.filter-actions .btn{flex:1}.invisible-label{display:none}}@media (max-width: 480px){.modal-overlay{padding:12px}.modal-box{padding:20px 16px}}