:root{--bg:#F8FAFC;--text:#0F172A;--gradient-main:linear-gradient(135deg,#1E5EFF 0%,#4A90FF 45%,#FF8A1F 100%);--card:#fff;--border:#E2E8F0;--muted:#64748B;--shadow:0 10px 30px rgba(15,23,42,.08);--radius:18px}*{box-sizing:border-box;font-family:Arial,sans-serif}body{margin:0;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}#preloader{position:fixed;inset:0;background:var(--gradient-main);display:flex;align-items:center;justify-content:center;z-index:9999}.preloader-box{text-align:center;color:#fff}.preloader-logo{width:72px;height:72px;margin:0 auto 14px;border-radius:18px;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:bold}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;background:var(--gradient-main);color:#fff;padding:24px}.sidebar-brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.logo-box{width:50px;height:50px;border-radius:14px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-weight:bold}.sidebar-user{margin-bottom:18px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.12);display:flex;flex-direction:column;gap:5px}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.sidebar-nav a{padding:12px 14px;border-radius:12px}.sidebar-nav a:hover{background:rgba(255,255,255,.14)}.main-content{flex:1;display:flex;flex-direction:column}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding:0 24px}.topbar-actions{display:flex;gap:10px;align-items:center}.icon-btn{width:42px;height:42px;border:none;border-radius:12px;background:rgba(30,94,255,.08);display:inline-flex;align-items:center;justify-content:center}.user-chip{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:#fff;border-radius:16px;padding:8px 12px}.user-chip-avatar{width:40px;height:40px;border-radius:12px;background:var(--gradient-main);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.content-area{padding:24px;flex:1}.footer{background:#fff;border-top:1px solid var(--border);padding:16px 24px;text-align:center;color:var(--muted)}.footer a{color:#1E5EFF;font-weight:bold}.module-card,.login-card,.hero-card,.stat-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.hero-card{background:var(--gradient-main);color:#fff;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.stat-card strong{font-size:28px;display:block;margin-bottom:6px}.page-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;flex-wrap:wrap}.section-title{font-size:28px;margin:0}.section-subtitle{color:var(--muted)}.btn-primary,.btn-soft,.btn-danger-soft{height:44px;padding:0 16px;border-radius:14px;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:bold}.btn-primary{background:var(--gradient-main);color:#fff}.btn-soft{background:rgba(30,94,255,.08);color:#1E5EFF}.btn-danger-soft{background:rgba(239,68,68,.1);color:#dc2626}.btn-small{height:38px;padding:0 14px;font-size:13px}.btn-inline{min-width:140px}.table-responsive{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:900px}.data-table th,.data-table td{padding:14px;border-bottom:1px solid var(--border);text-align:left}.data-table th{font-size:13px;text-transform:uppercase;color:var(--muted)}.action-group{display:flex;gap:10px;flex-wrap:wrap}.grid-form{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.full-width{grid-column:1 / -1}.form-group label{display:block;margin-bottom:8px;font-weight:bold}.form-group input,.form-group select,.form-group textarea{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:#fff}.form-group textarea{min-height:120px}.form-actions{display:flex;gap:14px;justify-content:flex-end}.checkbox-inline{display:inline-flex;gap:10px;align-items:center;font-weight:600}.alert{padding:14px 16px;border-radius:14px;margin-bottom:16px;font-weight:600}.alert-success{background:rgba(34,197,94,.1);color:#15803d}.alert-danger{background:rgba(239,68,68,.1);color:#b91c1c}.auth-page{min-height:100vh}.auth-wrapper{min-height:calc(100vh - 70px);display:grid;grid-template-columns:1.1fr .9fr}.auth-banner{background:var(--gradient-main);color:#fff;display:flex;align-items:center;justify-content:center;padding:40px}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:40px}.login-card{max-width:420px;width:100%}.login-brand-mini{display:flex;align-items:center;gap:14px;margin-bottom:20px}.login-brand-icon{width:54px;height:54px;border-radius:16px;background:var(--gradient-main);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:bold}.login-demo-box{margin-top:18px;padding:14px;border-radius:16px;background:rgba(30,94,255,.06);display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:14px}.simple-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}@media (max-width:991px){.app-shell{flex-direction:column}.sidebar{width:100%}.stats-grid,.grid-form{grid-template-columns:1fr 1fr}.auth-wrapper{grid-template-columns:1fr}}@media (max-width:576px){.stats-grid,.grid-form{grid-template-columns:1fr}.content-area{padding:14px}.topbar{padding:0 14px}}

.inline-radio-group{display:flex;gap:18px;flex-wrap:wrap;align-items:center;min-height:48px;padding:6px 0}.inline-radio-group label{display:inline-flex;align-items:center;gap:8px;font-weight:600;margin:0}.inline-radio-group input[type="radio"]{width:auto;min-height:auto;padding:0}.form-help{display:block;margin-top:8px;color:var(--muted);font-size:13px}