:root{--bg-main: #f8fafc;--bg-sidebar: #0f172a;--bg-card: #ffffff;--border-color: #e2e8f0;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:#f8fafc;color:#1e293b;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.font-mono{font-family:var(--font-mono)!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.flex-1{flex:1 1 0%!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.gap-1{gap:.25rem!important}.gap-1-5,.gap-1\.5{gap:.375rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.gap-6{gap:1.5rem!important}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.sm\:block{display:block!important}}@media(min-width:768px){.md\:flex-row{flex-direction:row!important}.md\:items-center{align-items:center!important}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.md\:flex{display:flex!important}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}.lg\:col-span-2{grid-column:span 2/span 2!important}}.w-full{width:100%!important}.w-72{width:18rem!important}.w-80{width:20rem!important}.w-96{width:24rem!important}.w-260,.w-\[260px\]{width:260px!important}.h-screen{height:100vh!important}.min-h-screen{min-height:100vh!important}.max-w-7xl{max-width:80rem!important}.max-w-md{max-width:28rem!important}.max-w-xl{max-width:36rem!important}.max-w-2xl{max-width:42rem!important}.max-w-3xl{max-width:48rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.ml-260,.ml-\[260px\]{margin-left:260px!important}.mt-70,.mt-\[70px\]{margin-top:70px!important}.h-70,.h-\[70px\]{height:70px!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.top-0{top:0!important}.left-0{left:0!important}.right-0{right:0!important}.bottom-0{bottom:0!important}.z-10{z-index:10!important}.z-30{z-index:30!important}.z-40{z-index:40!important}.z-50{z-index:50!important}.p-1-5,.p-1\.5{padding:.375rem!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-3-5,.p-3\.5{padding:.875rem!important}.p-4{padding:1rem!important}.p-5{padding:1.25rem!important}.p-6{padding:1.5rem!important}.p-8{padding:2rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-3-5,.px-3\.5{padding-left:.875rem!important;padding-right:.875rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-1-5,.py-1\.5{padding-top:.375rem!important;padding-bottom:.375rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-2-5,.py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.space-y-1>*+*{margin-top:.25rem!important}.space-y-2>*+*{margin-top:.5rem!important}.space-y-3>*+*{margin-top:.75rem!important}.space-y-4>*+*{margin-top:1rem!important}.space-y-6>*+*{margin-top:1.5rem!important}.bg-slate-50{background-color:#f8fafc!important}.bg-white{background-color:#fff!important}.bg-slate-100{background-color:#f1f5f9!important}.bg-slate-900{background-color:#0f172a!important}.bg-indigo-600{background-color:#4f46e5!important}.text-slate-900{color:#0f172a!important}.text-slate-800{color:#1e293b!important}.text-slate-700{color:#334155!important}.text-slate-600{color:#475569!important}.text-slate-500{color:#64748b!important}.text-indigo-600{color:#4f46e5!important}.text-indigo-700{color:#4338ca!important}.text-emerald-600{color:#059669!important}.text-amber-600{color:#d97706!important}.text-rose-600{color:#e11d48!important}.border{border-style:solid!important;border-width:1px!important}.border-b{border-bottom-style:solid!important;border-bottom-width:1px!important}.border-r{border-right-style:solid!important;border-right-width:1px!important}.border-t{border-top-style:solid!important;border-top-width:1px!important}.border-l{border-left-style:solid!important;border-left-width:1px!important}.border-transparent{border-color:transparent!important}.border-slate-200{border-color:#e2e8f0!important}.border-slate-300{border-color:#cbd5e1!important}.rounded-lg{border-radius:.5rem!important}.rounded-xl{border-radius:.75rem!important}.rounded-2xl{border-radius:1rem!important}.rounded-3xl{border-radius:1.5rem!important}.rounded-full{border-radius:9999px!important}.shadow-xs{box-shadow:0 1px 2px #00000008!important}.shadow-sm{box-shadow:0 1px 3px #0000000d!important}.shadow-md{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a!important}.badge{display:inline-flex!important;align-items:center!important;gap:.35rem!important;padding:.2rem .6rem!important;border-radius:9999px!important;font-size:.7rem!important;font-weight:600!important;letter-spacing:.02em!important;text-transform:uppercase!important}.badge.badge-active,.badge.badge-approved{background:#d1fae5!important;color:#047857!important;border:1px solid #a7f3d0!important}.badge.badge-pending{background:#fef3c7!important;color:#b45309!important;border:1px solid #fde68a!important}.badge.badge-rejected,.badge.badge-blocked{background:#ffe4e6!important;color:#be123c!important;border:1px solid #fecdd3!important}.badge.badge-suspended,.badge.badge-inactive{background:#f1f5f9!important;color:#475569!important;border:1px solid #e2e8f0!important}.badge.badge-primary{background:#e0e7ff!important;color:#4338ca!important;border:1px solid #c7d2fe!important}.badge .dot{width:5px;height:5px;border-radius:50%;background-color:currentColor}.data-table-container{overflow-x:auto!important;border-radius:.75rem!important;border:1px solid #e2e8f0!important}.data-table{width:100%!important;border-collapse:collapse!important;text-align:left!important}.data-table th{background:#f8fafc!important;color:#64748b!important;font-weight:600!important;padding:.8rem 1rem!important;border-bottom:1px solid #e2e8f0!important;text-transform:uppercase!important;font-size:.7rem!important;letter-spacing:.04em!important;white-space:nowrap!important}.data-table td{padding:.85rem 1rem!important;border-bottom:1px solid #f1f5f9!important;color:#334155!important;vertical-align:middle!important;font-size:.85rem!important}.data-table tbody tr:hover{background:#f8fafc!important}.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.45rem .9rem!important;border-radius:.6rem!important;font-size:.825rem!important;font-weight:600!important;cursor:pointer!important;transition:all .15s ease!important;border:none!important}.btn:disabled{opacity:.5!important;cursor:not-allowed!important}.btn-primary{background:linear-gradient(135deg,#4f46e5,#4338ca)!important;color:#fff!important}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#4f46e5)!important}.btn-outline{background:#fff!important;border:1px solid #cbd5e1!important;color:#475569!important}.btn-outline:hover:not(:disabled){background:#f8fafc!important;color:#0f172a!important;border-color:#94a3b8!important}.btn-sm{padding:.35rem .65rem!important;font-size:.775rem!important;border-radius:.5rem!important}.form-group{display:flex!important;flex-direction:column!important;gap:.4rem!important}.form-label{font-size:.75rem!important;font-weight:600!important;color:#64748b!important;letter-spacing:.02em!important;text-transform:uppercase!important}.form-control{width:100%;padding:.55rem .8rem;background:#fff;border:1px solid #cbd5e1;border-radius:.6rem;color:#1e293b;font-size:.85rem}.form-control:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.search-input{width:100%!important;padding-left:2.6rem!important;padding-right:.8rem!important}.modal-backdrop{position:fixed!important;inset:0!important;background:#0f172a80!important;backdrop-filter:blur(4px)!important;z-index:50!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1.5rem!important}.modal-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:1.25rem!important;width:100%!important;max-width:620px!important;max-height:90vh!important;overflow-y:auto!important;padding:1.5rem!important;box-shadow:0 20px 25px -5px #0000001a!important}.code-block{background:#0f172a!important;border:1px solid #1e293b!important;border-radius:.6rem!important;padding:.85rem!important;font-family:var(--font-mono)!important;font-size:.8rem!important;color:#38bdf8!important;word-break:break-all!important;white-space:pre-wrap!important}