@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);:root{--brand-50:#f0f9ff;--brand-100:#e0f2fe;--brand-200:#bae6fd;--brand-300:#7dd3fc;--brand-400:#38bdf8;--brand-500:#0ea5e9;--brand-600:#0284c7;--brand-700:#0369a1;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--success:#14b8a6;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--danger:#dc2626;--danger-light:#fee2e2;--info:#0284c7;--info-light:#dbeafe;--bg-page:#f8fafc;--bg-card:#fff;--bg-elevated:#fff;--bg-subtle:#f1f5f9;--bg-muted:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border-subtle:#e2e8f0;--border-default:#cbd5e1;--shadow-xs:0 1px 2px #00000008;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px #00000005;--shadow-lg:0 10px 15px -3px #0000000d,0 4px 6px #00000005;--shadow-xl:0 20px 25px -5px #0000000d,0 8px 10px #00000005;--shadow-focus:0 0 0 3px #0ea5e91f;--shadow-brand:0 4px 14px #0ea5e933;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--layout-mobile-max:767px;--layout-tablet-min:768px;--layout-tablet-max:1024px;--layout-desktop-min:1025px;--layout-wide-min:1440px;--layout-sidebar-width:200px;--layout-sidebar-collapsed-width:60px;--layout-mobile-drawer-width:280px;--layout-header-height:72px;--layout-header-mobile-height:56px;--layout-page-padding-desktop:24px;--layout-page-padding-tablet:20px;--layout-page-padding-mobile:12px;--layout-content-max:1280px;--layout-content-wide:1440px;--ease:cubic-bezier(0.4,0,0.2,1);--duration-fast:150ms;--duration-base:200ms;--duration-slow:300ms}.dark{--bg-page:#030712;--bg-card:#111827;--bg-elevated:#1f2937;--bg-subtle:#1f2937;--bg-muted:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#6b7280;--border-subtle:#1f2937;--border-default:#374151;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 2px 4px #0006,0 0 0 1px #ffffff08;--shadow-md:0 4px 8px #0006,0 0 0 1px #ffffff08;--shadow-lg:0 12px 24px #00000080,0 0 0 1px #ffffff08;--shadow-xl:0 24px 48px #00000080,0 0 0 1px #ffffff08;--shadow-focus:0 0 0 3px #0ea5e940;--shadow-brand:0 4px 20px #0ea5e959;--success:#34d399;--success-light:#10b98126;--warning:#fbbf24;--warning-light:#f59e0b26;--danger:#f87171;--danger-light:#ef444426;--info:#60a5fa;--info-light:#3b82f626}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11";background:#f8fafc;background:var(--bg-page);color:#0f172a;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:15px;line-height:1.6}:focus-visible{outline:2px solid #0ea5e9;outline:2px solid var(--brand-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}h1,h2,h3,h4,h5,h6{color:#0f172a;color:var(--text-primary);font-weight:700;letter-spacing:-.02em;line-height:1.25}.text-xs{font-size:12px;line-height:1.5}.text-sm{font-size:13px;line-height:1.5}.text-base{font-size:15px;line-height:1.6}.text-lg{font-size:18px;line-height:1.5}.text-lg,.text-xl{letter-spacing:-.01em}.text-xl{font-size:20px;line-height:1.4}.text-2xl{font-size:26px}.text-2xl,.text-3xl{letter-spacing:-.02em;line-height:1.2}.text-3xl{font-size:32px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#0f172a;color:var(--text-primary)}.text-secondary{color:#475569;color:var(--text-secondary)}.text-muted,.text-tertiary{color:#94a3b8;color:var(--text-muted)}.text-white{color:#fff}html.dark .text-primary{color:#f9fafb!important}html.dark .text-secondary{color:#d1d5db!important}html.dark .text-muted,html.dark .text-tertiary{color:#6b7280!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.uppercase{letter-spacing:.05em;text-transform:uppercase}.capitalize{text-transform:capitalize}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.block{display:block}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-7{grid-template-columns:repeat(7,1fr)}.p-0{padding:0}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-1{padding-bottom:4px;padding-top:4px}.py-2{padding-bottom:8px;padding-top:8px}.py-3{padding-bottom:12px;padding-top:12px}.py-4{padding-bottom:16px;padding-top:16px}.m-0{margin:0}.mt-0\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mr-1{margin-right:4px}.mr-2{margin-right:8px}.ml-1{margin-left:4px}.ml-2{margin-left:8px}.mx-auto{margin-left:auto;margin-right:auto}.space-y-1>*+*{margin-top:4px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-5>*+*{margin-top:20px}.space-y-6>*+*{margin-top:24px}.space-y-8>*+*{margin-top:32px}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.inset-0{bottom:0;left:0;right:0;top:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.bg-primary{background-color:#f8fafc;background-color:var(--bg-page)}.bg-secondary{background-color:#f1f5f9;background-color:var(--bg-subtle)}.bg-card{background-color:#fff;background-color:var(--bg-card)}.bg-hover{background-color:#f1f5f9;background-color:var(--bg-subtle)}.bg-white{background-color:#fff}.bg-transparent{background-color:initial}.bg-gray-50,.bg-slate-50{background-color:#f8fafc}.bg-gray-100,.bg-slate-100{background-color:#f1f5f9}.bg-gray-200,.bg-slate-200{background-color:#e2e8f0}.bg-gray-800,.bg-slate-800{background-color:#1e293b}.bg-gray-900,.bg-slate-900{background-color:#0f172a}.bg-indigo-50,.bg-sky-50{background-color:#f0f9ff}.bg-indigo-100,.bg-sky-100{background-color:#e0f2fe}.bg-indigo-500,.bg-sky-500{background-color:#0ea5e9}.bg-indigo-600,.bg-sky-600{background-color:#0284c7}.bg-cyan-50,.bg-violet-50{background-color:#ecfeff}.bg-cyan-100,.bg-violet-100{background-color:#cffafe}.bg-cyan-500,.bg-violet-500{background-color:#06b6d4}.bg-cyan-600,.bg-violet-600{background-color:#0891b2}.bg-emerald-50,.bg-green-50{background-color:#ecfdf5}.bg-emerald-100,.bg-green-100{background-color:#d1fae5}.bg-emerald-500,.bg-green-500{background-color:#10b981}.bg-emerald-600,.bg-green-600{background-color:#059669}.bg-amber-50,.bg-yellow-50{background-color:#fffbeb}.bg-amber-100,.bg-yellow-100{background-color:#fef3c7}.bg-amber-500,.bg-yellow-500{background-color:#f59e0b}.bg-red-50,.bg-rose-50{background-color:#fff1f2}.bg-red-100,.bg-rose-100{background-color:#ffe4e6}.bg-red-500,.bg-rose-500{background-color:#f43f5e}.bg-purple-50,.bg-teal-50{background-color:#f0fdfa}.bg-purple-100,.bg-teal-100{background-color:#ccfbf1}.bg-purple-500,.bg-teal-500{background-color:#14b8a6}.bg-purple-600,.bg-teal-600{background-color:#0d9488}.bg-cyan-50{background-color:#ecfeff}.bg-cyan-100{background-color:#cffafe}.bg-cyan-500{background-color:#06b6d4}.bg-orange-50{background-color:#fff7ed}.bg-orange-100{background-color:#ffedd5}.bg-black\/50{background-color:#00000080}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-indigo-500,.from-sky-500{--tw-gradient-from:#0ea5e9;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.from-indigo-600,.from-sky-600{--tw-gradient-from:#0284c7;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-indigo-600,.to-sky-600{--tw-gradient-to:#0284c7}.to-indigo-700,.to-sky-700{--tw-gradient-to:#0369a1}.to-cyan-600,.to-violet-600{--tw-gradient-to:#0891b2}.to-cyan-700,.to-violet-700{--tw-gradient-to:#0e7490}.to-cyan-500{--tw-gradient-to:#06b6d4}.to-purple-600,.to-teal-600{--tw-gradient-to:#0d9488}.from-emerald-500{--tw-gradient-from:#10b981;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-emerald-600{--tw-gradient-to:#059669}.from-amber-500{--tw-gradient-from:#f59e0b;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-amber-600{--tw-gradient-to:#d97706}.from-rose-500{--tw-gradient-from:#f43f5e;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-rose-600{--tw-gradient-to:#e11d48}.from-purple-500,.from-teal-500{--tw-gradient-from:#14b8a6;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.from-cyan-500{--tw-gradient-from:#06b6d4;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-cyan-600{--tw-gradient-to:#0891b2}.from-slate-400{--tw-gradient-from:#94a3b8;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-slate-500{--tw-gradient-to:#64748b}.from-orange-500{--tw-gradient-from:#f97316;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.to-orange-600{--tw-gradient-to:#ea580c}.from-slate-900{--tw-gradient-from:#0f172a;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,#0000)}.via-slate-900{--tw-gradient-stops:var(--tw-gradient-from),#0f172a,var(--tw-gradient-to,#0000)}.to-slate-950{--tw-gradient-to:#020617}.border{border:1px solid #e2e8f0;border:1px solid var(--border-subtle)}.border-0{border:none}.border-2{border-width:2px}.border-b{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-subtle)}.border-t{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-subtle)}.border-l{border-left:1px solid #e2e8f0;border-left:1px solid var(--border-subtle)}.border-r{border-right:1px solid #e2e8f0;border-right:1px solid var(--border-subtle)}.border-l-4{border-left:4px solid}.border-primary{border-color:#e2e8f0;border-color:var(--border-subtle)}.border-transparent{border-color:#0000}.border-indigo-500,.border-sky-500{border-color:#0ea5e9}.border-cyan-500,.border-violet-500{border-color:#06b6d4}.border-emerald-200,.border-green-200{border-color:#a7f3d0}.border-amber-200,.border-yellow-200{border-color:#fde68a}.border-red-200,.border-rose-200{border-color:#fecaca}.border-purple-200,.border-teal-200{border-color:#99f6e4}.rounded{border-radius:8px;border-radius:var(--radius-sm)}.rounded-md{border-radius:12px;border-radius:var(--radius-md)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:20px;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:24px;border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px;border-radius:var(--radius-full)}.shadow-sm{box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px #00000005;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px #00000005;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000000d,0 8px 10px #00000005;box-shadow:var(--shadow-xl)}.text-indigo-400,.text-sky-400{color:#38bdf8}.text-indigo-500,.text-sky-500{color:#0ea5e9}.text-indigo-600,.text-sky-600{color:#0284c7}.text-indigo-700,.text-sky-700{color:#0369a1}.text-cyan-500,.text-violet-500{color:#06b6d4}.text-cyan-600,.text-violet-600{color:#0891b2}.text-gray-400,.text-slate-400{color:#94a3b8}.text-gray-500,.text-slate-500{color:#64748b}.text-gray-600,.text-slate-600{color:#475569}.text-gray-700,.text-slate-700{color:#334155}.text-emerald-500,.text-green-500{color:#10b981}.text-emerald-600,.text-green-600{color:#059669}.text-emerald-700,.text-green-700{color:#047857}.text-amber-500,.text-yellow-500{color:#f59e0b}.text-amber-600,.text-yellow-600{color:#d97706}.text-amber-700,.text-yellow-700{color:#b45309}.text-red-400,.text-rose-400{color:#fb7185}.text-red-500,.text-rose-500{color:#f43f5e}.text-red-600,.text-rose-600{color:#e11d48}.text-red-700,.text-rose-700{color:#be123c}.text-purple-600,.text-teal-600{color:#0d9488}.text-purple-700,.text-teal-700{color:#0f766e}.text-cyan-500{color:#06b6d4}.text-orange-500{color:#f97316}.card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);transition:box-shadow .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1);transition:box-shadow var(--duration-base) var(--ease),transform var(--duration-base) var(--ease),border-color var(--duration-base) var(--ease)}.card:hover{border-color:#cbd5e1;border-color:var(--border-default);box-shadow:0 4px 6px -1px #0000000a,0 2px 4px #00000005;box-shadow:var(--shadow-md)}.hover-lift:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px #00000005;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.card-accent{overflow:hidden;position:relative}.card-accent:before{background:linear-gradient(90deg,#0ea5e9,#14b8a6);content:"";height:3px;left:0;position:absolute;right:0;top:0}.dark .card{background:#fff;background:var(--bg-card);border-color:#e2e8f0;border-color:var(--border-subtle)}.btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;line-height:1.25;padding:10px 20px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background:#0284c7;background:var(--brand-600);border-bottom:2px solid #0369a1;border-bottom:2px solid var(--brand-700);box-shadow:0 2px 8px #0ea5e940}.btn-primary:hover:not(:disabled){background:#0369a1;background:var(--brand-700);box-shadow:0 4px 12px #0ea5e959;transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--bg-card);border:1px solid #cbd5e1;border:1px solid var(--border-default);box-shadow:0 1px 2px #00000008;box-shadow:var(--shadow-xs);color:#0f172a;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#f1f5f9;background:var(--bg-subtle)}.btn-ghost{background:#0000;color:#475569;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#f1f5f9;background:var(--bg-subtle);color:#0f172a;color:var(--text-primary)}.btn-danger{background:#dc2626;background:var(--danger);border-bottom:2px solid #b91c1c;box-shadow:0 2px 8px #dc262640;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc262659;transform:translateY(-1px)}.btn-icon{aspect-ratio:1;padding:10px}.btn-xs{font-size:12px;padding:6px 12px}.btn-sm{font-size:13px;padding:8px 16px}.btn-lg{border-radius:16px;border-radius:var(--radius-lg);font-size:15px;padding:12px 24px}.input{background:#fff;background:var(--bg-card);border:1px solid #cbd5e1;border:1px solid var(--border-default);border-radius:12px;border-radius:var(--radius-md);color:#0f172a;color:var(--text-primary);font-size:15px;line-height:1.5;padding:12px 16px;transition:border-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1);transition:border-color var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease);width:100%}.input:hover:not(:focus):not(:disabled){border-color:#94a3b8}.input:focus{border-color:#0ea5e9;border-color:var(--brand-500);box-shadow:0 0 0 3px #0ea5e91f;box-shadow:var(--shadow-focus);outline:none}.input:disabled{background:#f1f5f9;background:var(--bg-subtle);cursor:not-allowed;opacity:.7}.input::placeholder{color:#94a3b8;color:var(--text-muted)}textarea.input{min-height:100px;resize:vertical}.select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:44px}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:5px 12px;white-space:nowrap}table{border-collapse:collapse;width:100%}table thead{background:#f1f5f9;background:var(--bg-subtle)}table th{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.05em;padding:14px 20px;text-align:left;text-transform:uppercase}table td,table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-subtle)}table td{color:#475569;color:var(--text-secondary);font-size:14px;padding:16px 20px;vertical-align:middle}table tbody tr{transition:background-color .15s cubic-bezier(.4,0,.2,1);transition:background-color var(--duration-fast) var(--ease)}table tbody tr:hover{background:#f1f5f9;background:var(--bg-subtle)}table tbody tr:last-child td{border-bottom:none}.header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#f8fafcd9;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-subtle);display:flex;height:72px;height:var(--layout-header-height);justify-content:space-between;padding:0 24px;padding:0 var(--layout-page-padding-desktop);position:-webkit-sticky;position:sticky;top:0;z-index:40}.dark .header,html.dark .header{background:#111827f2!important;border-color:#1f2937!important}html.dark .bg-primary,html.dark [style*="var(--bg-page)"],html.dark body{background-color:#030712!important}.header-actions{gap:8px}.header-actions,.header-avatar{align-items:center;display:flex}.header-avatar{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #8b5cf640;color:#fff;font-size:15px;font-weight:600;height:40px;justify-content:center;position:relative;width:40px}.header-avatar-status{background:#10b981;border:2px solid #fff;border:2px solid var(--bg-card);border-radius:50%;bottom:-2px;height:12px;position:absolute;right:-2px;width:12px}.page-container{margin:0 auto;max-width:1440px;max-width:var(--layout-content-wide);padding:24px;padding:var(--layout-page-padding-desktop)}@media (min-width:1025px){.page-container{padding:36px 48px}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:fade-in-up .4s cubic-bezier(.4,0,.2,1) forwards;animation:fade-in-up .4s var(--ease) forwards}.animate-fade-in{animation:fade-in .3s cubic-bezier(.4,0,.2,1) forwards;animation:fade-in .3s var(--ease) forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-slide-in-right{animation:slide-in-right .3s cubic-bezier(.4,0,.2,1) forwards;animation:slide-in-right .3s var(--ease) forwards}@keyframes slide-in-right{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background:linear-gradient(90deg,var(--bg-subtle) 0,var(--bg-muted) 50%,var(--bg-subtle) 100%);background-size:200% 100%;border-radius:8px;border-radius:var(--radius-sm)}.transition{transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease)}.transition-colors{transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),border-color .15s cubic-bezier(.4,0,.2,1);transition:color var(--duration-fast) var(--ease),background-color var(--duration-fast) var(--ease),border-color var(--duration-fast) var(--ease)}.transition-all{transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease)}.transition-transform{transition:transform .15s cubic-bezier(.4,0,.2,1);transition:transform var(--duration-fast) var(--ease)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.hover\:bg-hover:hover{background-color:#f1f5f9;background-color:var(--bg-subtle)}.hover\:bg-indigo-50:hover,.hover\:bg-sky-50:hover{background-color:#f0f9ff}.hover\:bg-cyan-50:hover,.hover\:bg-violet-50:hover{background-color:#ecfeff}.hover\:bg-rose-50:hover{background-color:#fff1f2}.hover\:text-primary:hover{color:#0f172a;color:var(--text-primary)}.hover\:text-indigo-600:hover,.hover\:text-sky-600:hover{color:#0284c7}.hover\:text-cyan-600:hover,.hover\:text-violet-600:hover{color:#0891b2}.hover\:text-rose-600:hover{color:#e11d48}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:translate-x-1:hover{transform:translateX(4px)}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:scale-105{transform:scale(1.05)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.dark ::-webkit-scrollbar-thumb{background:#475569;background:var(--gray-600)}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:flex{display:flex}.md\:hidden{display:none}.md\:block{display:block}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:col-span-2{grid-column:span 2}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.xl\:grid-cols-5{grid-template-columns:repeat(5,1fr)}}.backdrop-blur-sm{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.divide-y>*+*{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-subtle)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.scrollbar-thin::-webkit-scrollbar{width:4px}.glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#fffc}.dark .glass{background:#1e293bd9}.glass-1{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff9;border:1px solid #fff3}.glass-1,.glass-2{transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease)}.glass-2{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #ffffff4d}.glass-3{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffd9;border:1px solid #fff6;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease)}html.dark .glass-1{background:#0f172a99;border-color:#ffffff0d}html.dark .glass-2{background:#1e293bbf;border-color:#ffffff14}html.dark .glass-3{background:#1e293be6;border-color:#ffffff1f}.glass-success{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#14b8a61a;border-left:3px solid #14b8a6;border-left:3px solid var(--success);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease)}html.dark .glass-success{background:#14b8a626;border-left-color:#34d399}.glass-warning{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#f59e0b1a;border-left:3px solid #f59e0b;border-left:3px solid var(--warning);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease)}html.dark .glass-warning{background:#f59e0b26;border-left-color:#fbbf24}.glass-danger{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#dc26261a;border-left:3px solid #dc2626;border-left:3px solid var(--danger);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease)}html.dark .glass-danger{background:#dc262626;border-left-color:#f87171}.glass-info{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0ea5e91a;border-left:3px solid #0ea5e9;border-left:3px solid var(--brand-500);transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease)}html.dark .glass-info{background:#0ea5e926;border-left-color:#60a5fa}.glass-button{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0ea5e926;border:1px solid #0ea5e94d;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease)}.glass-button:hover{background:#0ea5e940;border-color:#0ea5e980;box-shadow:0 4px 12px #0ea5e933;transform:translateY(-1px)}html.dark .glass-button{background:#0ea5e933;border-color:#0ea5e959}html.dark .glass-button:hover{background:#0ea5e94d;border-color:#0ea5e980}.page-background{background:linear-gradient(135deg,#f8fafc,#0ea5e90d 50%,#f8fafc);background:linear-gradient(135deg,var(--bg-page) 0,#0ea5e90d 50%,var(--bg-page) 100%);min-height:100vh}html.dark .page-background{background:linear-gradient(135deg,#0f172a,#0ea5e914 50%,#0f172a)}.card-glow{position:relative}.card-glow:after{background:linear-gradient(135deg,#8b5cf626,#06b6d426);border-radius:inherit;content:"";inset:-1px;opacity:0;position:absolute;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--duration-base) var(--ease);z-index:-1}.card-glow:hover:after{opacity:1}.stat-card{overflow:hidden;position:relative}.stat-card:before{background:radial-gradient(circle,#8b5cf614 0,#0000 70%);content:"";height:120px;pointer-events:none;position:absolute;right:0;top:0;width:120px}.icon-container{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--brand-500) 0,var(--brand-600) 100%);border-radius:14px;box-shadow:0 4px 12px #8b5cf640;display:flex;height:48px;justify-content:center;width:48px}.icon-container-sm{border-radius:10px;height:36px;width:36px}.icon-container-lg{border-radius:16px;height:56px;width:56px}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:1px solid #8b5cf64d;box-shadow:0 2px 8px #8b5cf64d,inset 0 1px 0 #ffffff26;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#a78bfa,#0ea5e9);box-shadow:0 6px 20px #8b5cf666,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 8px #8b5cf64d;transform:translateY(0)}.btn-glow{position:relative;z-index:1}.btn-glow:before{animation:gradient-shift 3s ease infinite;background:linear-gradient(135deg,#0ea5e9,#06b6d4,#0ea5e9);background-size:200% 200%;border-radius:inherit;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .2s cubic-bezier(.4,0,.2,1);transition:opacity var(--duration-base) var(--ease);z-index:-1}.btn-glow:hover:before{opacity:1}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.input-modern{background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);font-size:15px;padding:14px 18px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease)}.input-modern:hover:not(:focus):not(:disabled){border-color:#94a3b8;border-color:var(--gray-400)}.input-modern:focus{border-color:#0ea5e9;border-color:var(--brand-500);box-shadow:0 0 0 4px #8b5cf61a,0 2px 8px #8b5cf614;outline:none}.search-input-wrapper{position:relative}.search-input-wrapper .search-icon{color:#94a3b8;color:var(--text-muted);left:16px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--duration-fast) var(--ease)}.search-input-wrapper input:focus+.search-icon,.search-input-wrapper:focus-within .search-icon{color:#0ea5e9;color:var(--brand-500)}.search-input-wrapper input{padding-left:48px}.modal-backdrop{animation:fade-in .2s cubic-bezier(.4,0,.2,1);animation:fade-in .2s var(--ease);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f172a99;inset:0;position:fixed;z-index:100}.modal-content{animation:modal-enter .25s cubic-bezier(.4,0,.2,1);animation:modal-enter .25s var(--ease);background:#fff;background:var(--bg-card);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;left:50%;max-height:85vh;max-width:520px;overflow-y:auto;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:101}@keyframes modal-enter{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-subtle)}.modal-body,.modal-header{padding:24px 28px}.modal-footer{background:#f1f5f9;background:var(--bg-subtle);border-radius:0 0 24px 24px;border-radius:0 0 var(--radius-2xl) var(--radius-2xl);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-subtle);display:flex;gap:12px;justify-content:flex-end;padding:20px 28px}.nav-item{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#ffffffa6;display:flex;font-size:14px;font-weight:500;gap:12px;margin:2px 0;padding:11px 14px;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease)}.nav-item:hover{background:#ffffff0f;color:#ffffffe6}.nav-item.active{background:linear-gradient(135deg,#8b5cf6e6,#6366f1e6);box-shadow:0 4px 12px #8b5cf64d;color:#fff}.tabs{background:#f1f5f9;background:var(--bg-subtle);border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:4px;padding:4px}.tab{background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease)}.tab:hover:not(.active){background:#ffffff80}.tab.active,.tab:hover:not(.active){color:#0f172a;color:var(--text-primary)}.tab.active{background:#fff;background:var(--bg-card);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm)}.progress-bar{background:#f1f5f9;background:var(--bg-subtle);height:6px;overflow:hidden}.progress-bar,.progress-bar-fill{border-radius:9999px;border-radius:var(--radius-full)}.progress-bar-fill{background:linear-gradient(90deg,#0ea5e9,#38bdf8);background:linear-gradient(90deg,var(--brand-500),var(--brand-400));height:100%;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--duration-slow) var(--ease)}.status-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.status-dot.success{background:#10b981;box-shadow:0 0 8px #10b98166}.status-dot.warning{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.status-dot.danger{background:#ef4444;box-shadow:0 0 8px #ef444466}.status-dot.info{background:#3b82f6;box-shadow:0 0 8px #3b82f666}.pill{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;white-space:nowrap}.pill-primary{background:linear-gradient(135deg,#8b5cf61f,#6366f11f);color:#0284c7;color:var(--brand-600)}.pill-success{background:#10b9811f;color:#059669}.pill-warning{background:#f59e0b1f;color:#b45309}.pill-danger{background:#ef44441f;color:#dc2626}.empty-state{flex-direction:column;padding:60px 24px;text-align:center}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{background:linear-gradient(135deg,#8b5cf61a,#06b6d41a);border-radius:20px;height:72px;margin-bottom:20px;width:72px}.list-item{align-items:center;border-radius:12px;border-radius:var(--radius-md);display:flex;gap:14px;padding:14px 16px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease)}.list-item:hover{background:#f1f5f9;background:var(--bg-subtle)}.list-item.clickable{cursor:pointer}.list-item.clickable:hover{transform:translateX(4px)}.data-label{color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.data-value{color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:600}.divider{height:1px;margin:20px 0}.divider,.divider-vertical{background:#e2e8f0;background:var(--border-subtle)}.divider-vertical{height:24px;width:1px}.avatar-group{display:flex}.avatar-group>*{border:2px solid #fff;border:2px solid var(--bg-card);margin-left:-8px}.avatar-group>:first-child{margin-left:0}.fab{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--brand-500),var(--brand-600));border:none;border-radius:9999px;border-radius:var(--radius-full);bottom:28px;box-shadow:0 8px 24px #8b5cf659;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:28px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--duration-base) var(--ease);width:56px;z-index:50}.fab:hover{box-shadow:0 12px 32px #8b5cf673;transform:translateY(-4px) scale(1.05)}.tooltip{position:relative}.tooltip:after{background:#0f172a;background:var(--gray-900);border-radius:8px;border-radius:var(--radius-sm);bottom:100%;color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:500;left:50%;opacity:0;padding:8px 14px;position:absolute;transform:translateX(-50%) translateY(-4px);transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease);visibility:hidden;white-space:nowrap;z-index:100}.tooltip:hover:after{opacity:1;transform:translateX(-50%) translateY(-8px);visibility:visible}.checkbox-wrapper{cursor:pointer;gap:10px}.checkbox,.checkbox-wrapper{align-items:center;display:flex}.checkbox{border:2px solid #cbd5e1;border:2px solid var(--border-default);border-radius:6px;flex-shrink:0;height:20px;justify-content:center;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--duration-fast) var(--ease);width:20px}.checkbox.checked{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--brand-500),var(--brand-600));border-color:#0ea5e9;border-color:var(--brand-500)}.checkbox.checked svg{color:#fff}.notification-badge{align-items:center;background:#ef4444;border:2px solid #fff;border:2px solid var(--bg-card);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 5px;position:absolute;right:-4px;top:-4px}.hover-brighten{transition:filter .15s cubic-bezier(.4,0,.2,1);transition:filter var(--duration-fast) var(--ease)}.hover-brighten:hover{filter:brightness(1.05)}.card-frosted{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff4d}.dark .card-frosted{background:#1e293bb3;border:1px solid #ffffff1a}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#06b6d4);background:linear-gradient(135deg,var(--brand-500),#06b6d4);-webkit-background-clip:text;background-clip:text}.ring-focus:focus{box-shadow:0 0 0 3px #8b5cf626;outline:none}[data-stagger="1"]{animation-delay:.05s}[data-stagger="2"]{animation-delay:.1s}[data-stagger="3"]{animation-delay:.15s}[data-stagger="4"]{animation-delay:.2s}[data-stagger="5"]{animation-delay:.25s}[data-stagger="6"]{animation-delay:.3s}.hover\:bg-rose-500\/20:hover{background:#f43f5e33}.filter-modal-overlay{align-items:flex-start;animation:fade-in .2s cubic-bezier(.4,0,.2,1);animation:fade-in .2s var(--ease);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172ab3;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:60px 24px 24px;position:fixed;z-index:100}.filter-modal{animation:modal-enter .3s cubic-bezier(.4,0,.2,1);animation:modal-enter .3s var(--ease);background:#fff;background:var(--bg-card);border-radius:24px;border-radius:var(--radius-2xl);box-shadow:0 0 0 1px #0000000d,0 25px 50px -12px #00000040,0 0 80px #8b5cf614;display:flex;flex-direction:column;max-height:85vh;max-width:680px;overflow:hidden;width:100%}.dark .filter-modal{background:linear-gradient(180deg,#1e293b,#0f172a);box-shadow:0 0 0 1px #ffffff0d,0 25px 50px -12px #00000080,0 0 80px #8b5cf61a}.filter-modal-header{align-items:center;background:linear-gradient(180deg,#f1f5f9,#0000);background:linear-gradient(180deg,var(--bg-subtle) 0,#0000 100%);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:20px 24px}.filter-modal-title{align-items:center;display:flex;gap:14px}.filter-modal-icon{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:14px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;display:flex;height:44px;justify-content:center;width:44px}.filter-modal-body{flex:1 1;overflow-y:auto;padding:24px}.filter-section{margin-bottom:24px}.filter-section:last-child{margin-bottom:0}.filter-label{color:#94a3b8;color:var(--text-muted);display:block;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:12px;text-transform:uppercase}.filter-chips{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-subtle);border-radius:9999px;border-radius:var(--radius-full);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:600;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease)}.filter-chip:hover{background:#f1f5f9;background:var(--bg-subtle);border-color:#38bdf8;border-color:var(--brand-400);color:#0f172a;color:var(--text-primary)}.filter-chip.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-color:#0000;box-shadow:0 4px 12px #8b5cf64d;color:#fff}.filter-chip.danger.active{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 4px 12px #f43f5e4d}.filter-chip.warning.active{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.filter-chip.success.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.filter-input{background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);color:#0f172a;color:var(--text-primary);font-size:14px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease);width:100%}.filter-input:hover:not(:focus){border-color:#94a3b8;border-color:var(--gray-400)}.filter-input:focus{border-color:#0ea5e9;border-color:var(--brand-500);box-shadow:0 0 0 4px #8b5cf61a;outline:none}.filter-input::placeholder{color:#94a3b8;color:var(--text-muted)}.filter-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:18px;padding-right:48px}.filter-range{align-items:center;display:flex;gap:12px}.filter-range-divider{color:#94a3b8;color:var(--text-muted);font-weight:500}.filter-modal-footer{align-items:center;background:#f1f5f9;background:var(--bg-subtle);border-radius:0 0 24px 24px;border-radius:0 0 var(--radius-2xl) var(--radius-2xl);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:18px 24px}.filter-reset{background:#0000;border:none;border-radius:12px;border-radius:var(--radius-md);color:#f43f5e;cursor:pointer;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease)}.filter-reset:hover{background:#f43f5e1a}.filter-actions{display:flex;gap:12px}.gradient-accent{background:linear-gradient(135deg,#0ea5e9,#0284c7)}.text-label{color:#94a3b8;color:var(--text-muted);display:block;font-size:12px;font-weight:700;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.filter-badge{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 8px #8b5cf64d;color:#fff;font-size:11px;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 7px}.filter-badge,.filter-trigger{align-items:center;display:inline-flex}.filter-trigger{background:#fff;background:var(--bg-card);border:1.5px solid #e2e8f0;border:1.5px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);color:#0f172a;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;gap:10px;padding:11px 20px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s var(--ease)}.filter-trigger:hover{border-color:#38bdf8;border-color:var(--brand-400);box-shadow:0 2px 8px #8b5cf61a}.filter-trigger.has-filters{background:linear-gradient(135deg,#8b5cf614,#6366f114);border-color:#0ea5e9;border-color:var(--brand-500)}.filter-grid{grid-gap:16px;display:grid;gap:16px}.filter-grid-2{grid-template-columns:repeat(2,1fr)}.filter-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:640px){.filter-grid-2,.filter-grid-3{grid-template-columns:1fr}}html.dark .card{border-color:#1f2937!important}html.dark .bg-white,html.dark .card{background-color:#111827!important}html.dark .bg-gray-50,html.dark .bg-slate-50{background-color:#1f2937!important}html.dark .bg-gray-100,html.dark .bg-slate-100{background-color:#374151!important}html.dark .bg-indigo-50,html.dark .bg-purple-50,html.dark .bg-violet-50{background-color:#8b5cf61a!important}html.dark .bg-emerald-50,html.dark .bg-green-50{background-color:#10b9811a!important}html.dark .bg-amber-50,html.dark .bg-yellow-50{background-color:#f59e0b1a!important}html.dark .bg-red-50,html.dark .bg-rose-50{background-color:#ef44441a!important}html.dark .bg-cyan-50{background-color:#06b6d41a!important}html.dark .bg-orange-50{background-color:#f973161a!important}html.dark .text-gray-600,html.dark .text-slate-600{color:#9ca3af!important}html.dark .text-gray-700,html.dark .text-slate-700{color:#d1d5db!important}html.dark .text-gray-900,html.dark .text-slate-900{color:#f9fafb!important}html.dark .text-indigo-600{color:#a5b4fc!important}html.dark .text-indigo-700{color:#818cf8!important}html.dark .text-indigo-900{color:#c7d2fe!important}html.dark .text-emerald-700,html.dark .text-green-700{color:#6ee7b7!important}html.dark .text-amber-700,html.dark .text-yellow-700{color:#fcd34d!important}html.dark .text-red-700,html.dark .text-rose-700{color:#fca5a5!important}html.dark .border-gray-200,html.dark .border-slate-200{border-color:#1f2937!important}html.dark .border-gray-300,html.dark .border-slate-300{border-color:#374151!important}html.dark .border-indigo-100{border-color:#8b5cf633!important}html.dark .border-cyan-100{border-color:#06b6d433!important}html.dark .input,html.dark .select,html.dark input,html.dark select,html.dark textarea{background-color:#111827!important;border-color:#374151!important;color:#f9fafb!important}html.dark .input:hover:not(:focus):not(:disabled),html.dark .select:hover:not(:focus):not(:disabled),html.dark input:hover:not(:focus):not(:disabled),html.dark select:hover:not(:focus):not(:disabled){border-color:#4b5563!important}html.dark .input::placeholder,html.dark input::placeholder,html.dark textarea::placeholder{color:#6b7280!important}html.dark .btn-secondary{background-color:#1f2937!important;border-color:#374151!important;color:#f9fafb!important}html.dark .btn-secondary:hover:not(:disabled){background-color:#374151!important;border-color:#4b5563!important}html.dark .btn-ghost{color:#d1d5db!important}html.dark .btn-ghost:hover:not(:disabled){background-color:#1f2937!important}html.dark table{background-color:#111827!important}html.dark table th,html.dark table thead{background-color:#1f2937!important}html.dark table th{border-color:#374151!important;color:#9ca3af!important}html.dark table td{border-color:#1f2937!important;color:#d1d5db!important}html.dark table tbody tr:hover{background-color:#1f2937!important}html.dark .badge-success{background:#10b98126!important;color:#34d399!important}html.dark .badge-warning{background:#f59e0b26!important;color:#fbbf24!important}html.dark .badge-danger{background:#ef444426!important;color:#f87171!important}html.dark .badge-info{background:#3b82f626!important;color:#60a5fa!important}html.dark .badge-neutral{background:#6b728033!important;color:#9ca3af!important}html.dark [class*=rounded-2xl][class*=bg-white],html.dark [class*=rounded-lg][class*=bg-white],html.dark [class*=rounded-xl][class*=bg-white]{background-color:#111827!important;border-color:#1f2937!important}html.dark .bg-indigo-50\/50{background:#8b5cf614!important}html.dark .bg-cyan-50\/50{background:#06b6d414!important}html.dark .hover\:bg-gray-200:hover,html.dark .hover\:bg-slate-200:hover{background-color:#374151!important}html.dark .hover\:bg-gray-100:hover,html.dark .hover\:bg-slate-100:hover{background-color:#1f2937!important}html.dark .focus\:ring-indigo-500:focus{box-shadow:0 0 0 3px #8b5cf640!important}html.dark ::-webkit-scrollbar{height:10px;width:10px}html.dark ::-webkit-scrollbar-track{background:#111827}html.dark ::-webkit-scrollbar-thumb{background:#374151;border:2px solid #111827;border-radius:5px}html.dark ::-webkit-scrollbar-thumb:hover{background:#4b5563}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.light .card,:root .card{background:#fff;border-color:#e2e8f0}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-neutral{background:#f1f5f9;color:#475569}.input,.select,input,select,textarea{background-color:#fff;border-color:#e2e8f0}.input:hover:not(:focus):not(:disabled){border-color:#cbd5e1}html.dark .dark\:bg-slate-800{background-color:#111827!important}html.dark .dark\:bg-slate-900{background-color:#030712!important}html.dark .dark\:bg-slate-700{background-color:#374151!important}html.dark .dark\:bg-slate-800\/50{background-color:#11182780!important}html.dark .dark\:bg-slate-900\/50{background-color:#03071280!important}html.dark .dark\:bg-indigo-500\/10{background-color:#8b5cf61a!important}html.dark .dark\:bg-indigo-500\/20{background-color:#8b5cf633!important}html.dark .dark\:bg-cyan-500\/10{background-color:#06b6d41a!important}html.dark .dark\:bg-cyan-500\/20{background-color:#06b6d433!important}html.dark .dark\:text-slate-100{color:#f1f5f9!important}html.dark .dark\:text-slate-200{color:#e2e8f0!important}html.dark .dark\:text-slate-300{color:#cbd5e1!important}html.dark .dark\:text-slate-400{color:#94a3b8!important}html.dark .dark\:text-white{color:#fff!important}html.dark .dark\:text-indigo-400{color:#a5b4fc!important}html.dark .dark\:text-indigo-300{color:#c7d2fe!important}html.dark .dark\:text-cyan-400{color:#22d3ee!important}html.dark .dark\:border-slate-600{border-color:#374151!important}html.dark .dark\:border-slate-700,html.dark .dark\:border-slate-800{border-color:#1f2937!important}html.dark .dark\:border-indigo-500\/20{border-color:#8b5cf633!important}html.dark .dark\:border-cyan-500\/20{border-color:#06b6d433!important}html.dark .dark\:hover\:bg-slate-700:hover{background-color:#374151!important}html.dark .dark\:hover\:bg-slate-600:hover{background-color:#4b5563!important}html.dark .dark\:hover\:bg-slate-700\/50:hover{background-color:#37415180!important}html.dark .dark\:ring-indigo-500\/20{--tw-ring-color:#8b5cf633}html.dark .filter-modal{background:linear-gradient(180deg,#1e293b,#111827)!important}html.dark .filter-modal-header{background:linear-gradient(180deg,#1f2937,#0000)!important;border-color:#1f2937!important}html.dark .filter-modal-footer{background-color:#1f2937!important;border-color:#1f2937!important}html.dark .filter-chip{background-color:#111827!important;border-color:#374151!important;color:#d1d5db!important}html.dark .filter-chip:hover{background-color:#1f2937!important;border-color:#0ea5e9!important;color:#f9fafb!important}html.dark .filter-input{background-color:#111827!important;border-color:#374151!important;color:#f9fafb!important}:root{--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-top:env(safe-area-inset-top,0px);--mobile-nav-height:64px;--app-header-height:var(--layout-header-height);--app-page-padding:var(--layout-page-padding-desktop)}@media (pointer:coarse){.btn,.filter-chip,.list-item.clickable,.mobile-more-item,.mobile-nav-tab,.nav-item,.tab{min-height:44px;min-width:44px}.btn-xs{min-height:36px;padding:8px 14px}.btn-sm{min-height:40px;padding:10px 18px}.checkbox{height:24px;width:24px}::-webkit-scrollbar{height:12px;width:12px}}.mobile-bottom-nav{align-items:stretch;background:#fff;background:var(--bg-card);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-subtle);bottom:0;box-shadow:0 -4px 20px #00000014;display:flex;height:calc(64px + env(safe-area-inset-bottom, 0px));height:calc(var(--mobile-nav-height) + var(--safe-area-bottom));justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-area-bottom);position:fixed;right:0;z-index:50}html.dark .mobile-bottom-nav{background:#111827;border-color:#1f2937;box-shadow:0 -4px 20px #0000004d}.mobile-nav-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:#94a3b8;color:var(--text-muted);cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;justify-content:center;padding:8px 4px;position:relative;text-decoration:none;transition:color .15s ease}.mobile-nav-tab.active{color:#0ea5e9;color:var(--brand-500)}.mobile-nav-tab.active:before{background:#0ea5e9;background:var(--brand-500);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:32px}.mobile-nav-label{font-size:10px;font-weight:600;letter-spacing:.01em;line-height:1}.mobile-more-backdrop{animation:fade-in .2s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;inset:0;position:fixed;z-index:80}.mobile-more-panel{animation:slide-up .3s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-card);border-radius:24px 24px 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;bottom:0;box-shadow:0 -12px 40px #00000026;display:flex;flex-direction:column;left:0;max-height:80vh;padding-bottom:env(safe-area-inset-bottom,0);padding-bottom:var(--safe-area-bottom);position:fixed;right:0;z-index:90}html.dark .mobile-more-panel{background:#111827;box-shadow:0 -12px 40px #0006}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.mobile-more-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:20px 20px 16px}.mobile-more-close{align-items:center;background:#f1f5f9;background:var(--bg-subtle);border:none;border-radius:10px;color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .15s ease;width:36px}.mobile-more-close:hover{background:#e2e8f0;background:var(--bg-muted)}.mobile-more-items{flex:1 1;overflow-y:auto;padding:12px}.mobile-more-item{align-items:center;border-radius:12px;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);display:flex;font-size:15px;font-weight:500;gap:14px;min-height:48px;padding:14px 12px;text-decoration:none;transition:all .15s ease}.mobile-more-item:active,.mobile-more-item:hover{background:#f1f5f9;background:var(--bg-subtle);color:#0f172a;color:var(--text-primary)}.mobile-more-item.active{background:linear-gradient(135deg,#0ea5e91a,#06b6d41a);color:#0ea5e9;color:var(--brand-500)}.mobile-more-item-icon{align-items:center;background:#f1f5f9;background:var(--bg-subtle);border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.mobile-more-item.active .mobile-more-item-icon{background:linear-gradient(135deg,#0ea5e933,#06b6d433);color:#0ea5e9;color:var(--brand-500)}.mobile-more-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-subtle);padding:12px 16px 16px}.mobile-logout-btn{align-items:center;background:#ef444414;border:1px solid #ef444426;border-radius:12px;border-radius:var(--radius-md);color:#ef4444;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;min-height:48px;padding:14px;transition:all .15s ease;width:100%}.mobile-logout-btn:hover{background:#ef444426}.mobile-content-padding{padding-bottom:calc(80px + env(safe-area-inset-bottom, 0px))!important;padding-bottom:calc(var(--mobile-nav-height) + var(--safe-area-bottom) + 16px)!important}@media (max-width:768px){.desktop-sidebar:not(.mobile-sidebar-open){display:none!important}.header{gap:8px;height:56px;height:var(--layout-header-mobile-height);padding:0 12px;padding:0 var(--layout-page-padding-mobile)}.header-greeting h2{font-size:15px!important}.header-subtitle{display:none}.header-actions{gap:4px}.header-actions .btn-icon{border-radius:10px!important;height:36px!important;width:36px!important}.header-actions>div[style*="width: 1px"]{display:none}.header-avatar{font-size:13px;height:32px;width:32px}.page-container{padding:16px 12px;padding:16px var(--layout-page-padding-mobile)}.responsive-table-wrapper{-webkit-overflow-scrolling:touch;margin:0 -12px;overflow-x:auto;padding:0 12px}table.mobile-cards{display:block}table.mobile-cards thead{display:none}table.mobile-cards tbody{display:flex;flex-direction:column;gap:12px}table.mobile-cards tbody tr{border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:16px}table.mobile-cards tbody tr,table.mobile-cards tbody tr:hover{background:#fff;background:var(--bg-card)}table.mobile-cards td{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-subtle);display:flex;font-size:13px;justify-content:space-between;padding:6px 0}table.mobile-cards td:last-child{border-bottom:none}table.mobile-cards td:before{color:#94a3b8;color:var(--text-muted);content:attr(data-label);flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.05em;margin-right:12px;text-transform:uppercase}.filter-grid-2,.filter-grid-3,.filter-range,.form-row{flex-direction:column!important;grid-template-columns:1fr!important}.grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6,.grid-cols-7,.sm\:grid-cols-2{grid-template-columns:1fr!important}.card{border-radius:16px;border-radius:var(--radius-lg)}.modal-content{border-radius:20px;border-radius:var(--radius-xl);max-height:90vh;width:95%}.filter-modal{margin:0 8px;max-height:90vh;max-width:100%}.filter-modal-overlay{padding:20px 8px}.global-search-wrapper{left:0;position:fixed!important;right:0;top:0;z-index:55}.fab{bottom:calc(80px + env(safe-area-inset-bottom, 0px));bottom:calc(var(--mobile-nav-height) + var(--safe-area-bottom) + 16px)}.text-3xl{font-size:24px}.text-2xl{font-size:20px}.empty-state{padding:40px 16px}.stat-card{padding:16px!important}.hide-mobile{display:none!important}.show-mobile{display:flex!important}.tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex-shrink:0;white-space:nowrap}.badge{font-size:11px;padding:4px 8px}.header-actions button[title*=Keyboard]{display:none}}@media (max-width:1024px) and (min-width:769px){.desktop-sidebar:not(.mobile-sidebar-open){display:none!important}.header{padding:0 20px;padding:0 var(--layout-page-padding-tablet)}.page-container{padding:24px 20px;padding:24px var(--layout-page-padding-tablet)}.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6,.grid-cols-7,.lg\:grid-cols-3,.lg\:grid-cols-4{grid-template-columns:repeat(2,1fr)!important}.modal-content{width:75%}.filter-modal{max-width:580px}.stat-card{padding:20px!important}.hide-tablet{display:none!important}}@media (min-width:1025px){.hamburger-toggle,.mobile-bottom-nav,.show-mobile{display:none!important}}@media (display-mode:standalone){.header{height:calc(72px + env(safe-area-inset-top, 0px));height:calc(72px + var(--safe-area-top));padding-top:env(safe-area-inset-top,0);padding-top:var(--safe-area-top)}@media (max-width:768px){.header{height:calc(56px + env(safe-area-inset-top, 0px));height:calc(56px + var(--safe-area-top))}}}.field-workflow-page{grid-gap:16px;margin:0 auto;max-width:1040px}.field-hero,.field-workflow-page{display:grid;gap:16px;padding:18px}.field-hero{grid-gap:16px;align-items:end;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:8px;grid-template-columns:minmax(0,1fr) auto}.field-kicker{color:#94a3b8;color:var(--text-muted);font-size:12px;font-weight:800;text-transform:uppercase}.field-hero h1{color:#0f172a;color:var(--text-primary);font-size:26px;font-weight:900;margin:4px 0}.field-handoff p,.field-hero p,.field-work-card p{color:#94a3b8;color:var(--text-muted);font-size:13px;margin:0}.field-summary{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(78px,1fr))}.field-offline-bar{align-items:center;background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;color:#92400e;display:flex;flex-wrap:wrap;font-size:13px;font-weight:800;gap:10px;justify-content:space-between;min-height:48px;padding:10px 12px}.field-offline-bar button{background:#92400e;border:none;border-radius:6px;color:#fff;font-weight:850;min-height:34px;padding:0 12px}.field-handoff,.field-metric,.field-quick-action,.field-section,.field-work-card{background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:8px}.field-metric{min-height:72px;padding:10px}.field-metric span{color:#94a3b8;color:var(--text-muted);display:block;font-size:11px;font-weight:800;text-transform:uppercase}.field-metric strong{color:#0f172a;color:var(--text-primary);font-size:24px;font-weight:900}.field-metric.danger strong{color:#dc2626}.field-section{padding:14px}.field-section-header{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.field-section-header h2{color:#0f172a;color:var(--text-primary);font-size:17px;font-weight:900;margin:0}.field-card-topline,.field-section-header span{color:#94a3b8;color:var(--text-muted);font-size:12px;font-weight:800}.field-action-list,.field-handoff-list{grid-gap:8px;display:grid;gap:8px}.field-empty{color:#94a3b8;color:var(--text-muted);font-size:13px;padding:14px}.field-handoff,.field-work-card{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto;min-height:72px;padding:12px;text-decoration:none}.field-work-card h3{color:#0f172a;color:var(--text-primary);font-size:15px;font-weight:850;margin:3px 0}.field-card-topline{display:flex;flex-wrap:wrap;gap:8px;text-transform:uppercase}.field-priority.urgent{color:#dc2626}.field-priority.high{color:#ea580c}.field-quick-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(132px,1fr))}.field-quick-action{display:flex;flex-direction:column;font-weight:850;gap:8px;justify-content:center;min-height:88px;padding:12px;text-decoration:none}.field-handoff,.field-quick-action{color:#0f172a;color:var(--text-primary)}.field-handoff{grid-template-columns:auto minmax(0,1fr)}.field-handoff strong{display:block;font-size:14px;margin-bottom:2px}.field-account-search{align-items:center;background:var(--bg-body);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:8px;display:flex;gap:8px;min-height:44px;padding:0 12px}.field-account-search input{background:#0000;border:none;color:#0f172a;color:var(--text-primary);font-size:14px;outline:none;width:100%}.field-account-results{grid-gap:8px;display:grid;gap:8px;margin-top:8px}.field-account-results button{grid-gap:3px;background:#fff;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:8px;color:#0f172a;color:var(--text-primary);display:grid;gap:3px;min-height:56px;padding:10px 12px;text-align:left}.field-account-results span,.field-note-row span,.field-workspace-header p{color:#94a3b8;color:var(--text-muted);font-size:12px}.field-account-workspace{grid-gap:10px;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-subtle);display:grid;gap:10px;margin-top:10px;padding-top:10px}.field-workspace-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.field-workspace-header h3{color:#0f172a;color:var(--text-primary);font-size:16px;font-weight:900;margin:0 0 2px}.field-summary.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.field-note-box{grid-gap:8px;display:grid;gap:8px}.field-note-box textarea{background:var(--bg-body);border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:8px;color:#0f172a;color:var(--text-primary);font-size:14px;padding:10px 12px;width:100%}.field-note-box button{background:#2563eb;border:none;border-radius:8px;color:#fff;font-weight:850;min-height:44px}.field-note-box button:disabled{opacity:.55}.field-note-row{grid-gap:3px;border:1px solid #e2e8f0;border:1px solid var(--border-subtle);border-radius:8px;display:grid;gap:3px;padding:10px 12px}@media (max-width:768px){.field-workflow-page{padding:12px 12px calc(76px + env(safe-area-inset-bottom, 0px));padding:12px 12px calc(76px + var(--safe-area-bottom))}.field-hero{grid-template-columns:1fr;padding:14px}.field-hero h1{font-size:22px}.field-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.field-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{@page{margin:.45in}#root,body,html{background:#fff!important;color:#111827!important}.btn,.desktop-sidebar,.fab,.hamburger-toggle,.header,.mobile-bottom-nav,.modal-backdrop,.print-hide,[role=tooltip],button{display:none!important}.page-container{max-width:100%!important;padding:0!important}.border,.card,.glass-2,section,table,tr{break-inside:avoid;page-break-inside:avoid}.card,.glass-2,.rounded-2xl,.rounded-lg,.rounded-xl{box-shadow:none!important}a{color:#111827!important;text-decoration:none!important}table{width:100%!important}thead{display:table-header-group}.fixed,.sticky{position:static!important}.overflow-x-auto,.overflow-y-auto{overflow:visible!important}}@media (max-height:500px) and (orientation:landscape){.mobile-bottom-nav{height:48px}.mobile-nav-tab{padding:4px}.mobile-nav-label{font-size:9px}.mobile-nav-tab svg{height:18px;width:18px}.header{height:48px}.mobile-content-padding{padding-bottom:calc(56px + env(safe-area-inset-bottom, 0px))!important;padding-bottom:calc(56px + var(--safe-area-bottom))!important}}