:root{--bg-dark: #f4f7f6;--bg-card: #ffffff;--bg-card-hover: #f8fbfa;--border-color: #e4ebe8;--border-glow: rgba(22, 134, 107, .22);--primary: #16866b;--primary-hover: #0f6b55;--accent: #316b61;--success: #13805f;--warning: #a86612;--danger: #b83d48;--text-main: #172a25;--text-muted: #64756f;--text-dim: #84938d;--sidebar-width: 260px;--glass-shadow: 0 8px 28px rgba(26, 57, 47, .06);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);min-height:100vh;overflow-x:hidden;background-image:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0b0f19}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:#17342c;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:50}.main-content{margin-left:var(--sidebar-width);flex:1;padding:32px 40px;max-width:calc(100vw - var(--sidebar-width));background:var(--bg-dark)}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:var(--glass-shadow);transition:border-color .2s ease,box-shadow .2s ease}.glass-card:hover{border-color:var(--border-glow);box-shadow:0 12px 32px #1a392f17}.form-group{margin-bottom:18px}.form-label{display:block;font-size:12px;font-weight:700;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.form-input,.form-select,.form-textarea{width:100%;padding:11px 14px;background:#fff;border:1px solid var(--border-color);border-radius:8px;color:var(--text-main);font-size:14px;outline:none;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #16866b1f}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--primary);color:#fff;font-weight:600}.btn-primary:hover{opacity:.95;box-shadow:0 5px 14px #16866b33;transform:translateY(-1px)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.95;box-shadow:0 4px 14px #b83d4833}.btn-secondary{background:#fff;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:#f1f6f4}.btn-sm{padding:6px 14px;font-size:12px}.table-responsive{width:100%;overflow-x:auto;border-radius:12px;border:1px solid var(--border-color)}.custom-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.custom-table th{background:#f6f9f8;color:var(--text-muted);font-weight:700;padding:14px 18px;text-transform:uppercase;font-size:11px;letter-spacing:.06em;border-bottom:1px solid var(--border-color)}.custom-table td{padding:16px 18px;border-bottom:1px solid var(--border-color);color:var(--text-main)}.custom-table tr:hover td{background:#f8fbfa}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.02em}.badge-success{background:#e7f4ef;color:#137352;border:1px solid #cbe7db}.badge-warning{background:#fff4df;color:#946013;border:1px solid #f1dfbb}.badge-danger{background:#fff0f0;color:#a23540;border:1px solid #f2d5d7}.badge-info{background:#eaf3f1;color:#286c5b;border:1px solid #d5e7e2}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#11251f7a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-content{background:#fff;border:1px solid var(--border-color);border-radius:18px;width:100%;max-width:600px;padding:28px;box-shadow:0 24px 64px #11251f33;max-height:90vh;overflow-y:auto}@media (max-width: 900px){:root{--sidebar-width: 220px}.main-content{padding:26px 24px}}@media (max-width: 640px){.sidebar{width:72px}.sidebar h2{font-size:0!important}.sidebar p{display:none}.sidebar nav{padding:12px 8px!important}.sidebar nav button{justify-content:center;padding:12px 6px!important;font-size:0!important}.sidebar nav button svg{flex:0 0 auto}.sidebar>div:last-child{padding:12px 8px!important}.sidebar>div:last-child button{font-size:0;padding:10px 6px}.main-content{margin-left:72px;max-width:calc(100vw - 72px);padding:22px 14px}.glass-card{padding:18px}}