:root{--primary: #6366f1;--primary-hover: #4f46e5;--bg-main: #f8fafc;--bg-card: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--border: #cbd5e1;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .1);--shadow: 0 4px 12px -2px rgba(15, 23, 42, .15), 0 2px 6px -1px rgba(15, 23, 42, .08);--radius: 14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-main);color:var(--text-main);line-height:1.5}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:1.5rem}.btn{padding:.5rem 1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.grid{display:grid;gap:1.5rem}.input{width:100%;padding:.75rem;border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .2s}.input:focus{border-color:var(--primary)}@media(max-width:1024px){.sidebar-collapsed{width:80px!important}.sidebar-collapsed span{display:none}}@media(max-width:768px){.flex-col-mobile{flex-direction:column!important;height:auto!important}.mobile-hide{display:none!important}.mobile-only{display:block!important}.grid-responsive{grid-template-columns:1fr!important}.modal-card{max-height:90vh;overflow-y:auto!important;width:95%!important;margin:1rem!important}.sidebar-responsive{width:100%!important;height:auto!important;border-right:none!important;border-bottom:1px solid var(--border)!important;padding:1rem!important}.sidebar-responsive.mobile-collapsed nav,.sidebar-responsive.mobile-collapsed div:not(.sidebar-header),.sidebar-responsive.mobile-collapsed .sidebar-footer{display:none!important}.sidebar-header{margin-bottom:0!important;width:100%;justify-content:space-between}.mobile-toggle{display:flex!important;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--bg-main);color:var(--text-main);border:1px solid var(--border);cursor:pointer}}@media(min-width:769px){.mobile-only{display:none!important}}@media print{body *{visibility:hidden}.print-only,.print-only *{visibility:visible}.print-only{position:absolute;left:0;top:0;width:100%}.no-print{display:none!important}}