@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root,[data-theme=midnight-obsidian]{--bg-color:#06080d;--bg-gradient:radial-gradient(circle at 15% 50%, #6366f114 0%, transparent 50%), radial-gradient(circle at 85% 30%, #06b6d40f 0%, transparent 50%);--bg-surface:#1218268c;--bg-surface-hover:#1c2436b3;--bg-surface-solid:#111622;--bg-sidebar:#0a0e16d9;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-color:#6366f1;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--accent-glow:#6366f166;--accent-secondary:#06b6d4;--success-color:#10b981;--success-glow:#10b9814d;--success-bg:#10b9811f;--warning-color:#f59e0b;--danger-color:#ef4444;--border-color:#ffffff14;--border-highlight:#ffffff29;--glass-bg:#0f141ea6;--glass-border:#ffffff0f;--panel-shadow:0 12px 36px 0 #00000080;--header-bg:#06080dbf;--card-bg:#111724b3;--sidebar-title-gradient:linear-gradient(to right, #fff, #94a3b8);--dropzone-hover-bg:#6366f114;--nav-active-bg:linear-gradient(90deg, #6366f133 0%, #6366f100 100%);--nav-active-color:#818cf8;--nav-active-border:#6366f1;--input-bg:#ffffff08;--input-border:#ffffff14;--input-text:#fff;--badge-bg:#ef4444;--badge-color:#fff;--badge-border:transparent;--badge-notification-bg:#ef4444;--badge-notification-text:#fff}[data-theme=aurora-emerald]{--bg-color:#0b1120;--bg-gradient:radial-gradient(circle at 20% 40%, #10b98117 0%, transparent 50%), radial-gradient(circle at 80% 60%, #f59e0b0f 0%, transparent 50%);--bg-surface:#162136a6;--bg-surface-hover:#1e2d4acc;--bg-surface-solid:#1a2538;--bg-sidebar:#0d1422e6;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-color:#10b981;--accent-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--accent-glow:#10b98166;--accent-secondary:#f59e0b;--success-color:#10b981;--success-glow:#10b98159;--success-bg:#10b98126;--warning-color:#f59e0b;--danger-color:#f43f5e;--border-color:#ffffff12;--border-highlight:#10b98140;--glass-bg:#121b2cb3;--glass-border:#ffffff0f;--panel-shadow:0 14px 40px 0 #0000008c;--header-bg:#0b1120cc;--card-bg:#162136bf;--sidebar-title-gradient:linear-gradient(to right, #fff, #6ee7b7);--dropzone-hover-bg:#10b98114;--nav-active-bg:linear-gradient(90deg, #10b98133 0%, #10b98100 100%);--nav-active-color:#6ee7b7;--nav-active-border:#10b981;--input-bg:#ffffff08;--input-border:#ffffff14;--input-text:#fff}[data-theme=porcelain-light]{--bg-color:#f8fafc;--bg-gradient:radial-gradient(circle at 10% 20%, #2563eb0a 0%, transparent 40%), radial-gradient(circle at 90% 80%, #10b98108 0%, transparent 40%);--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--bg-surface-solid:#fff;--bg-sidebar:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-color:#2563eb;--accent-gradient:linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--accent-glow:#2563eb40;--accent-secondary:#0284c7;--success-color:#059669;--success-glow:#05966933;--success-bg:#0596691a;--warning-color:#0284c7;--warning-bg:#0284c71f;--warning-border:#0284c740;--badge-bg:#e0f2fe;--badge-color:#0284c7;--badge-border:#0284c74d;--badge-notification-bg:#0284c7;--badge-notification-text:#fff;--danger-color:#dc2626;--border-color:#0f172a14;--border-highlight:#2563eb4d;--glass-bg:#fffffff2;--glass-border:#0f172a0f;--panel-shadow:0 10px 30px -5px #0000000f, 0 4px 10px -2px #00000008;--header-bg:#f8fafce6;--card-bg:#fff;--sidebar-title-gradient:linear-gradient(to right, #0f172a, #334155);--dropzone-hover-bg:#2563eb0d;--nav-active-bg:linear-gradient(90deg, #2563eb1a 0%, #2563eb05 100%);--nav-active-color:#2563eb;--nav-active-border:#2563eb;--input-bg:#fff;--input-border:#0f172a1f;--input-text:#0f172a}[data-theme=cyber-violet]{--bg-color:#0c0817;--bg-gradient:radial-gradient(circle at 20% 30%, #8b5cf61f 0%, transparent 50%), radial-gradient(circle at 80% 70%, #ec489914 0%, transparent 50%);--bg-surface:#1a123099;--bg-surface-hover:#261a46bf;--bg-surface-solid:#1b1232;--bg-sidebar:#0f0a1ce6;--text-primary:#faf5ff;--text-secondary:#c084fc;--text-muted:#8b5cf6;--accent-color:#a855f7;--accent-gradient:linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--accent-glow:#a855f773;--accent-secondary:#ec4899;--success-color:#10b981;--success-glow:#10b98159;--success-bg:#10b98126;--warning-color:#f59e0b;--danger-color:#f43f5e;--border-color:#ffffff17;--border-highlight:#a855f759;--glass-bg:#160e28b3;--glass-border:#a855f726;--panel-shadow:0 14px 44px 0 #0009;--header-bg:#0c0817cc;--card-bg:#1a1230bf;--sidebar-title-gradient:linear-gradient(to right, #fff, #d8b4fe);--dropzone-hover-bg:#a855f714;--nav-active-bg:linear-gradient(90deg, #a855f733 0%, #a855f700 100%);--nav-active-color:#d8b4fe;--nav-active-border:#a855f7;--input-bg:#ffffff08;--input-border:#ffffff17;--input-text:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6,.brand-font{color:var(--text-primary);font-family:Outfit,sans-serif}.app-container{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border-color);z-index:20;flex-direction:column;width:280px;padding:24px 16px;display:flex}.sidebar-header{align-items:center;gap:12px;margin-bottom:40px;padding:0 8px;display:flex}.sidebar-logo{color:#fff;width:36px;height:36px;box-shadow:0 4px 12px var(--accent-glow);background:linear-gradient(135deg,#3b82f6 0%,#10b981 100%);border-radius:10px;justify-content:center;align-items:center;display:flex}.sidebar-title{letter-spacing:-.5px;background:var(--sidebar-title-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:22px;font-weight:800}.nav-menu{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:var(--text-secondary);cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{background-color:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-highlight)}.nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-color);border-left:3px solid var(--nav-active-border);border-radius:0 12px 12px 0;font-weight:600}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.header{border-bottom:1px solid var(--border-color);background:var(--header-bg);-webkit-backdrop-filter:blur(16px);z-index:10;justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex;position:sticky;top:0}.header-title{letter-spacing:-.5px;font-size:24px;font-weight:700}.user-profile{background:var(--bg-surface);border:1px solid var(--border-color);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:30px;align-items:center;gap:12px;padding:6px 16px 6px 6px;transition:all .2s;display:flex}.user-profile:hover{background:var(--bg-surface-hover);border-color:var(--border-highlight)}.avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 8px #6366f166}.content-wrapper{width:100%;max-width:1480px;margin:0 auto;padding:40px}.role-scroll-container{gap:12px;margin-bottom:-12px;padding-bottom:12px;display:flex;overflow-x:auto}.role-scroll-container::-webkit-scrollbar{height:6px}.role-scroll-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:10px}.role-scroll-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.dropzone-container{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);text-align:center;cursor:pointer;box-shadow:var(--panel-shadow);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin-top:32px;padding:80px 40px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.dropzone-container:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(135deg,#ffffff1a,#fff0);border-radius:24px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.dropzone-container:hover,.dropzone-container.active{background:var(--dropzone-hover-bg);box-shadow:0 20px 40px #0006, 0 0 40px var(--accent-glow);transform:translateY(-4px)}.dropzone-container:hover:before,.dropzone-container.active:before{background:linear-gradient(135deg,#3b82f6,#0000)}.drop-icon-wrapper{border:1px solid var(--border-color);width:80px;height:80px;color:var(--text-secondary);background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.dropzone-container:hover .drop-icon-wrapper,.dropzone-container.active .drop-icon-wrapper{color:#60a5fa;box-shadow:0 10px 25px var(--accent-glow);background:#3b82f626;border-color:#3b82f64d;transform:scale(1.1)translateY(-5px)}.drop-title{background:linear-gradient(90deg,#fff,#cbd5e1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:24px;font-weight:700}.drop-subtitle{color:var(--text-secondary);max-width:400px;font-size:15px}.parsing-state{flex-direction:column;justify-content:center;align-items:center;display:flex}.hologram-scanner{background:#3b82f60d;border:1px solid #3b82f64d;border-radius:12px;width:120px;height:140px;margin-bottom:32px;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #3b82f61a}.hologram-scanner:before{content:"";border:1px dashed #3b82f633;border-radius:8px;position:absolute;inset:10%}.scanner-beam{background:linear-gradient(#60a5fa00 0%,#60a5fa66 90%,#60a5fa 100%);width:100%;height:40px;animation:2s cubic-bezier(.4,0,.2,1) infinite alternate scan-beam;position:absolute;top:0;left:0}@keyframes scan-beam{0%{transform:translateY(-40px)}to{transform:translateY(140px)}}.success-icon-wrapper{background:var(--success-bg);width:80px;height:80px;color:var(--success-color);box-shadow:0 0 30px var(--success-glow);border:1px solid #10b9814d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;animation:.6s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.glass-input{border:1px solid var(--border-color);color:#fff;background:#ffffff08;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:inherit;transition:all .2s}.glass-input:focus{background:#ffffff0d;border-color:#fff3;box-shadow:0 0 0 3px #ffffff0d}.btn-primary{color:#fff;cursor:pointer;text-shadow:0 1px 2px #0003;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 14px #2563eb66,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb99,inset 0 1px #fff3}.btn-primary:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}[data-theme=porcelain-light] .app-container{background-color:var(--bg-color);color:var(--text-primary)}[data-theme=porcelain-light] .sidebar{background:#fff;border-right:1px solid #0f172a14;box-shadow:2px 0 12px #00000008}[data-theme=porcelain-light] .header{background:#f8fafce6;border-bottom:1px solid #0f172a14}[data-theme=porcelain-light] .header-title{color:#0f172a}[data-theme=porcelain-light] .nav-item{color:#475569}[data-theme=porcelain-light] .nav-item:hover{color:#0f172a;background-color:#f1f5f9;border-color:#0f172a14}[data-theme=porcelain-light] .dropzone-container{background:#fff;border-color:#0f172a1a;box-shadow:0 10px 30px -5px #0000000f,0 4px 10px -2px #00000008}[data-theme=porcelain-light] .drop-title{background:linear-gradient(90deg,#0f172a,#334155);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=porcelain-light] .drop-icon-wrapper{color:#2563eb;background:#2563eb0f;border-color:#2563eb26}[data-theme=porcelain-light] .glass-input{color:#0f172a;background:#fff;border-color:#0f172a26}[data-theme=porcelain-light] .user-profile{color:#0f172a;background:#fff;border-color:#0f172a1a}[data-theme=porcelain-light] .role-scroll-container::-webkit-scrollbar-thumb{background:#0f172a26}.sidebar,.header,.dropzone-container,.nav-item,.glass-input,.user-profile,.app-container{transition:background .25s,background-color .25s,border-color .25s,color .25s,box-shadow .25s}[data-theme=porcelain-light] h1,[data-theme=porcelain-light] h2,[data-theme=porcelain-light] h3,[data-theme=porcelain-light] h4,[data-theme=porcelain-light] h5,[data-theme=porcelain-light] h6,[data-theme=porcelain-light] th{color:#0f172a!important}[data-theme=porcelain-light] strong:not([data-invert]),[data-theme=porcelain-light] b{color:#0f172a}[data-theme=porcelain-light] .brand-font{color:#0f172a!important}[data-theme=porcelain-light] table th{background:#f8fafc;color:#475569!important}[data-theme=porcelain-light] [data-badge=qc],[data-theme=porcelain-light] .qc-badge{color:#0284c7!important;background:#e0f2fe!important;border:1px solid #0284c74d!important}[data-theme=porcelain-light] [data-badge=bell],[data-theme=porcelain-light] .bell-badge{color:#fff!important;background:#0284c7!important;border:2px solid #fff!important}