@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@400;500;600&family=Playfair+Display:wght@700;800&display=swap";:root{--bg: #f7f6f3;--bg-card: #ffffff;--bg-sidebar: #0c1425;--bg-sidebar-hov: rgba(255, 255, 255, .06);--bg-sidebar-act: rgba(255, 255, 255, .1);--bg-muted: #f0eeeb;--bg-input: #f7f6f3;--border: #e8e6e1;--border-light: #f0eeeb;--text: #1a1a1a;--text-secondary: #6b6b6b;--text-muted: #9b9b9b;--text-sidebar: #8896ab;--text-sidebar-a: #ffffff;--accent: #2563eb;--accent-light: #eff4ff;--accent-hover: #1d4ed8;--success: #059669;--success-bg: #ecfdf5;--warning: #d97706;--warning-bg: #fffbeb;--danger: #dc2626;--danger-bg: #fef2f2;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 8px;--radius-lg: 12px;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .08);--ease: .2s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}input,textarea,select,button{font-family:var(--font-body)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px #2563eb14}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d0cc;border-radius:5px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.anim-up{animation:fadeUp .5s ease both}.anim-in{animation:fadeIn .4s ease both}.anim-scale{animation:scaleIn .3s ease both}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:box-shadow var(--ease),transform var(--ease)}.card:hover{box-shadow:var(--shadow-md)}.card-interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-card);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--ease);white-space:nowrap}.btn:hover{background:var(--bg-muted);border-color:#d1d0cc}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background:#b91c1c}.btn-ghost{border-color:transparent;background:transparent}.btn-ghost:hover{background:var(--bg-muted)}.btn-sm{padding:6px 12px;font-size:12px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-accent{background:var(--accent-light);color:var(--accent)}.input{width:100%;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-input);font-size:14px;color:var(--text);transition:all var(--ease)}.input-sm{padding:8px 12px;font-size:13px}.mono{font-family:var(--font-mono)}.label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-family:var(--font-mono)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal{background:var(--bg-card);border-radius:var(--radius-lg);width:90%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:scaleIn .25s ease}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}table{width:100%;border-collapse:collapse}th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-family:var(--font-mono);border-bottom:1px solid var(--border);background:var(--bg-muted)}td{padding:14px 16px;border-bottom:1px solid var(--border-light);font-size:14px;vertical-align:middle}tr:hover td{background:#00000003}tr:last-child td{border-bottom:none}@media (max-width: 767px){.sidebar-desktop{transform:translate(-100%)}.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.tab-bar::-webkit-scrollbar{display:none}.tab-bar-btn{flex:0 0 auto}.inventory-stats-grid,.inventory-charts-grid{grid-template-columns:1fr!important}.company-hero{padding:36px 20px!important}.company-services-grid,.company-team-grid,.company-contact-grid{grid-template-columns:1fr!important}.modal{width:calc(100% - 20px)}}@media (max-width: 380px){.topbar{padding:0 10px!important}.topbar-page-label{display:none}.lang-toggle{height:32px!important}.lang-pill{padding:0 10px!important;font-size:11px!important}.company-hero h1{font-size:26px!important}}
