@import "https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700;800&display=swap";
:root{--bg-gradient:#faf8f7;--glass-bg:#ffffff9e;--glass-bg-strong:#ffffffbd;--glass-bg-soft:#ffffff4d;--glass-border:#ffffffa6;--glass-blur:blur(22px) saturate(150%);--bg-body:transparent;--bg-card:var(--glass-bg);--bg-card-solid:#fbfdfc;--border-color:#ffffff8c;--color-primary:#b55434;--color-primary-hover:#9c472c;--color-primary-light:#f7ece8;--color-primary-dark:#7f3a24;--text-dark:#161616;--text-muted:#1616169e;--text-light:#16161673;--bg-inactive:#cbd5e0;--status-success:#2bb673;--status-success-light:#68d391;--status-danger:#fc8181;--status-warning:#f6ad55;--font-family:"Neue Kabel", Jost, system-ui, sans-serif;--font-size-xs:10px;--font-size-sm:12px;--font-size-base:14px;--font-size-lg:18px;--font-weight-regular:400;--font-weight-bold:700;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-soft:0 10px 30px -18px #1e325059;--shadow-card:0 18px 40px -22px #1e325073;--shadow-hover:0 22px 48px -22px #2c9c8e66;--transition-fast:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-dark);font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;min-height:100vh}.app-container{gap:16px;width:100vw;height:100vh;padding:16px;display:flex;overflow:hidden}.sidebar{background:var(--glass-bg-soft);width:252px;-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);border-radius:24px;flex-direction:column;flex-shrink:0;padding:24px 0;display:flex}.sidebar-logo{font-size:var(--font-size-lg);color:var(--text-dark);border-bottom:1px solid var(--glass-border);letter-spacing:-.01em;align-items:center;gap:8px;margin-bottom:22px;padding:0 24px 22px;font-weight:800;display:flex}.sidebar-logo span{color:var(--color-primary)}.sidebar-nav{flex-direction:column;gap:4px;padding:0 16px;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);font-weight:500;font-size:var(--font-size-base);transition:all var(--transition-fast);border:1px solid #0000;align-items:center;gap:10px;padding:11px 14px;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-dark);background:#ffffff73}.nav-item.active{background:var(--glass-bg-strong);color:var(--color-primary);border:1px solid var(--glass-border);font-weight:700;box-shadow:0 6px 16px -8px #2c9c8e59}.main-content{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);border-radius:24px;flex-direction:column;flex:1;display:flex;overflow-y:auto}.top-header{border-bottom:1px solid var(--glass-border);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff59;justify-content:space-between;align-items:center;height:66px;padding:0 28px;display:flex;position:sticky;top:0}.search-bar{flex:1;max-width:360px}.user-profile{cursor:pointer;color:var(--text-muted);font-size:var(--font-size-base);align-items:center;gap:10px;display:flex}.avatar{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));width:36px;height:36px;font-weight:700;font-size:var(--font-size-sm);color:#fff;justify-content:center;align-items:center;display:flex;box-shadow:0 6px 14px -6px #b5543499}.page-content{flex-direction:column;flex:1;gap:22px;padding:28px;display:flex}.page-title{color:var(--text-dark);letter-spacing:-.4px;font-size:22px;font-weight:800}.page-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:4px}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.card{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast), transform var(--transition-fast);padding:24px}.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.card-title{font-size:var(--font-size-xs);color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-weight:700}.card-value{color:var(--text-dark);font-size:28px;font-weight:700;line-height:1.2}.btn{border-radius:var(--radius-md);font-family:var(--font-family);font-weight:700;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 20px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(160deg, var(--color-primary), var(--color-primary-hover));color:#fff;box-shadow:0 12px 24px -10px #b55434a6}.btn-primary:hover{filter:brightness(1.05)}.btn-secondary{background:var(--glass-bg);color:var(--text-muted);border:1px solid var(--glass-border)}.btn-secondary:hover{color:var(--text-dark);background:#ffffffbf}.badge{border-radius:var(--radius-sm);font-size:var(--font-size-xs);align-items:center;gap:5px;padding:3px 10px;font-weight:700;display:inline-flex}.badge-success{color:#1d7a4d;background:#2bb67329}.badge-warning{color:#b45309;background:#f6ad552e}.badge-danger{color:#c53030;background:#fc81812e}.badge-inactive{color:var(--text-muted);background:#ffffff80}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.table-container{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}table{border-collapse:collapse;width:100%;font-size:var(--font-size-base)}thead th{text-align:left;font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--glass-border);background:#fff6;padding:12px 20px;font-weight:700}tbody td{color:var(--text-dark);border-bottom:1px solid var(--glass-border);padding:14px 20px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fff6}.input{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg);width:100%;color:var(--text-dark);font-family:var(--font-family);font-size:var(--font-size-base);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 14px}.input::placeholder{color:var(--text-light)}.input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #b554342e}@media (max-width:900px){.app-container{flex-direction:column;height:auto;overflow:auto}.sidebar{width:100%}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}