:root{--primary: #1a73e8;--primary-light: #e8f0fe;--primary-dark: #1557b0;--success: #0d904f;--danger: #d32f2f;--warning: #f9ab00;--bg-main: #f0f2f5;--text-main: #202124;--text-sec: #5f6368;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 10px 30px rgba(0,0,0,.12);--radius: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Segoe UI,Tahoma,sans-serif;background:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased}.page-container{padding:32px}.page-title{color:var(--text-main);font-size:24px;font-weight:700;margin-bottom:24px;letter-spacing:-.5px}.layout-main{background:var(--bg-main);min-width:0}@media (max-width: 720px){.card{margin-bottom:16px}.card-header{padding:14px 16px}.form-group{margin-bottom:16px}input,select,textarea{max-width:100%}}@media (max-width: 420px){.card-header{font-size:14px}.btn{width:100%}}.card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:24px;transition:box-shadow .3s ease,transform .3s ease}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:16px 24px;border-bottom:1px solid #f1f3f4;font-weight:600;font-size:15px;color:var(--text-main);display:flex;justify-content:space-between;align-items:center}.card-body{padding:24px}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;background:#f8f9fa;color:var(--text-sec);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e0e0e0}.data-table td{padding:14px 16px;border-bottom:1px solid #f1f3f4;font-size:14px}.data-table tr:hover{background:var(--primary-light);transition:background .2s}.form-input{width:100%;padding:12px 16px;border:1px solid #dadce0;border-radius:8px;font-size:14px;transition:all .2s;background:#fff;color:var(--text-main)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #1a73e81a;outline:none}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px #1a73e84d}.btn-secondary{background:#fff;color:var(--primary);border:1px solid #dadce0;box-shadow:none}.btn-secondary:hover{background:#f8f9fa;border-color:var(--primary)}aside{border-right:1px solid #e0e0e0;transition:width .3s ease}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 24px;color:var(--text-sec);text-decoration:none;font-size:14px;font-weight:500;border-left:4px solid transparent;transition:all .2s}.sidebar-link:hover{background:#f8f9fa;color:var(--primary)}.sidebar-link.active{background:var(--primary-light);color:var(--primary);font-weight:600;border-left:4px solid var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}