.layout{display:flex;min-height:100vh}.sidebar{background:var(--bg-card);border-right:1px solid var(--border-color);bottom:0;color:var(--text-primary);display:flex;flex-direction:column;left:0;position:fixed;top:0;transition:transform .3s,background .2s;width:260px;z-index:100}.sidebar-header{gap:12px;padding:16px 16px 12px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{background:var(--accent);border-radius:10px;box-shadow:0 2px 8px #1877f240;font-size:22px;height:40px;justify-content:center;width:40px}.sidebar-title{color:var(--text-primary);font-size:15px;font-weight:700}.sidebar-subtitle{color:var(--text-secondary);font-size:12px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:4px 8px}.nav-item{align-items:center;border-radius:8px;display:flex;font-size:15px;font-weight:500;gap:12px;margin-bottom:2px;padding:10px 12px;transition:background .15s}.nav-item,.nav-item:hover{color:var(--text-primary);text-decoration:none}.nav-item:hover{background:var(--bg-hover)}.nav-item.active{background:var(--bg-active);color:var(--accent);font-weight:600}.nav-icon{font-size:18px;text-align:center;width:24px}.main-content{flex:1 1;margin-left:260px}.mobile-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border-color);display:none;font-size:17px;font-weight:700;gap:12px;padding:12px 16px}.menu-btn,.mobile-header{color:var(--text-primary)}.menu-btn{background:none;border:none;cursor:pointer;font-size:24px}.page-content{padding:24px}.sidebar-overlay{display:none}.sidebar-footer{border-top:1px solid var(--border-color);padding:12px}.user-info{gap:10px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#1877f2,#42b4e6);border-radius:50%;color:#fff;flex-shrink:0;font-size:15px;font-weight:700;height:36px;justify-content:center;width:36px}.user-details{flex:1 1;min-width:0}.user-name{color:var(--text-primary);font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:12px}.logout-btn,.user-role{color:var(--text-secondary)}.logout-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:18px;padding:6px 8px;transition:background .15s}.logout-btn:hover{background:var(--bg-hover);color:var(--danger)}.theme-toggle{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:6px 8px;transition:background .15s}.theme-toggle:hover{background:var(--bg-hover)}@media (max-width:800px){.sidebar{box-shadow:4px 0 16px #0000001a;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar-overlay{background:var(--overlay);display:block;inset:0;position:fixed;z-index:99}.main-content{margin-left:0}.mobile-header{display:flex}.page-content{padding:16px}}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);margin-bottom:16px;padding:20px;transition:background .2s,border-color .2s}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{opacity:.9}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn-sm{font-size:13px;padding:5px 12px}.form-input,.input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;padding:8px 12px;transition:border-color .15s,box-shadow .15s,background .2s;width:100%}.form-input:focus,.input:focus{background:var(--bg-card);border-color:var(--accent);box-shadow:0 0 0 2px #1877f233}select.form-input,select.input{background:var(--bg-input);color:var(--text-primary)}select.form-input:focus,select.input:focus{background:var(--bg-card)}.label{color:var(--text-secondary);display:block;font-size:13px;font-weight:600;margin-bottom:4px}.form-group{margin-bottom:16px}.badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:700;padding:3px 10px}.badge-green{background:var(--success-bg);color:var(--success-text)}.badge-orange{background:var(--warning-bg);color:var(--warning-text)}.badge-red{background:var(--danger-bg);color:var(--danger-text)}.badge-blue{background:var(--accent-light);color:var(--accent)}.badge-gray{background:var(--bg-input);color:var(--text-secondary)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;color:var(--text-primary);font-size:14px;width:100%}th{background:var(--bg-th);border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.3px;text-align:left;text-transform:uppercase;white-space:nowrap}td,th{padding:10px 12px}td{border-bottom:1px solid var(--border-light)}tr:hover{background:var(--bg-hover)}.page-title{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:20px}.filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;box-shadow:var(--shadow);padding:20px;transition:background .2s,border-color .2s}.stat-value{color:var(--text-primary);font-size:28px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:13px;font-weight:500;margin-top:4px}.text-right{text-align:right}.text-red{color:var(--danger)}.text-green{color:var(--success)}.flex-between{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.mb-16{margin-bottom:16px}.loading{color:var(--text-secondary);padding:40px;text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--accent);display:inline-block;height:36px;width:36px}@keyframes spin{to{transform:rotate(1turn)}}:root{--bg-primary:#f0f2f5;--bg-card:#fff;--bg-input:#f0f2f5;--bg-hover:#f7f8fa;--bg-active:#e7f3ff;--bg-th:#f0f2f5;--text-primary:#1c1e21;--text-secondary:#65676b;--border-color:#ced0d4;--border-light:#f0f2f5;--accent:#1877f2;--accent-hover:#166fe5;--accent-light:#e7f3ff;--success:#42b72a;--success-bg:#e7f6e4;--success-text:#1d6f0f;--danger:#fa383e;--danger-bg:#ffe8e8;--danger-text:#d32f2f;--warning-bg:#fff3e0;--warning-text:#e65100;--shadow:0 1px 2px #0000000d;--shadow-lg:0 2px 4px #0000001a;--overlay:#0006}[data-theme=dark]{--bg-primary:#18191a;--bg-card:#242526;--bg-input:#3a3b3c;--bg-hover:#3a3b3c;--bg-active:#263951;--bg-th:#3a3b3c;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--border-color:#3e4042;--border-light:#3e4042;--accent:#2d88ff;--accent-hover:#1a7cf5;--accent-light:#263951;--success:#42b72a;--success-bg:#1d3a1a;--success-text:#6bcb5f;--danger:#fa383e;--danger-bg:#3a1a1a;--danger-text:#ff6b6b;--warning-bg:#3a2a1a;--warning-text:#ffb74d;--shadow:0 1px 2px #0003;--shadow-lg:0 2px 8px #0000004d;--overlay:#0009}*{box-sizing:border-box;margin:0;padding:0}body{background:#f0f2f5;background:var(--bg-primary);color:#1c1e21;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background .2s,color .2s}a{color:#1877f2;color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}::selection{background:#1877f2;background:var(--accent);color:#fff}input:focus,select:focus,textarea:focus{border-color:#1877f2!important;border-color:var(--accent)!important;box-shadow:0 0 0 2px #1877f233;outline:none}
/*# sourceMappingURL=main.7288c7fd.css.map*/