*{box-sizing:border-box;margin:0;padding:0}:root{--green:#16a679;--green-dark:#0e8060;--green-light:#ecfaf4;--green-mid:#d1f0e4;--red:#e74c3c;--red-light:#fef2f2;--amber:#f59e0b;--amber-light:#fffbeb;--blue-light:#eff6ff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-700:#374151;--gray-900:#111827;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.04)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f4f6;color:var(--gray-900);min-height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:8px 11px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:13.5px;font-family:inherit;background:#fff;color:var(--gray-900);transition:border-color .15s,box-shadow .15s;display:block;box-shadow:var(--shadow-sm)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(22,166,121,.12)}input::placeholder{color:var(--gray-400)}.btn{padding:8px 16px;border-radius:var(--radius-md);font-size:13.5px;font-family:inherit;font-weight:500;cursor:pointer;border:1px solid var(--gray-200);background:#fff;color:var(--gray-700);display:inline-flex;align-items:center;gap:6px;transition:all .15s;box-shadow:var(--shadow-sm);white-space:nowrap}.btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 1px 3px rgba(22,166,121,.25)}.btn-primary:hover{background:var(--green-dark);border-color:var(--green-dark);box-shadow:0 2px 6px rgba(22,166,121,.3)}.btn-primary:disabled{background:var(--gray-300);border-color:var(--gray-300);color:#fff;cursor:not-allowed;box-shadow:none}.btn-danger{color:var(--red);border-color:#fca5a5}.btn-danger:hover{background:var(--red-light)}.card,.metric{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-sm)}.metric-label{font-size:11.5px;font-weight:500;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.metric-value{font-size:22px;font-weight:700;color:var(--gray-900);letter-spacing:-.5px}.tag{display:inline-flex;align-items:center;font-size:11.5px;font-weight:500;padding:2px 8px;border-radius:20px}.tag-green{background:var(--green-light);color:#065f46}.tag-yellow{background:var(--amber-light);color:#92400e}.tag-red{background:var(--red-light);color:#991b1b}.tag-gray{background:var(--gray-100);color:var(--gray-500)}.tag-blue{background:var(--blue-light);color:#1e40af}.alert{display:flex;align-items:flex-start;gap:8px;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;margin-bottom:12px;border-width:1px;border-style:solid}.alert-error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.alert-warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.bar-wrap{height:5px;background:var(--gray-200);border-radius:99px;overflow:hidden}.bar-fill{height:100%;transition:width .4s ease}.bar-fill,.switch{border-radius:99px}.switch{width:36px;height:20px;background:var(--gray-300);cursor:pointer;position:relative;transition:background .2s;border:none;flex-shrink:0}.switch.on{background:var(--green)}.switch:after{content:"";position:absolute;width:14px;height:14px;background:#fff;border-radius:50%;top:3px;left:3px;transition:left .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}.switch.on:after{left:19px}.avatar{border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:12px}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;flex-shrink:0}.sidebar-rtl{border-right:none;border-left:1px solid var(--gray-200)}.main{flex:1 1;display:flex;flex-direction:column;min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--gray-200);padding:12px 24px;display:flex;justify-content:space-between;align-items:center;height:56px}.content{flex:1 1;padding:20px 24px;overflow:auto}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:500;color:var(--gray-500);cursor:pointer;border-radius:var(--radius-md);margin:1px 8px;transition:all .15s}.nav-item:hover{background:var(--gray-100);color:var(--gray-700)}.nav-item.active{background:var(--green-light);color:var(--green-dark)}.nav-item.active svg{color:var(--green)}.trow{display:grid;align-items:center;padding:11px 0;border-bottom:1px solid var(--gray-100);font-size:13.5px}.trow:last-child{border-bottom:none}.thead{font-size:11.5px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;padding:6px 0 10px;border-bottom:1px solid var(--gray-200)}.divider{height:1px;background:var(--gray-100);margin:14px 0}.modal-overlay{background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;padding:20px;min-height:400px;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-box{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:24px;width:460px;max-width:100%;box-shadow:var(--shadow-lg)}.section-title{font-size:13px;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}@media (max-width:640px){.sidebar{display:none}.content{padding:14px 16px}}