@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--bg-color:#05070a;--bg-surface:#14182066;--bg-surface-hover:#1e243099;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#3b82f6;--accent-glow:#3b82f680;--success-color:#10b981;--success-glow:#10b9814d;--success-bg:#10b9811a;--warning-color:#f59e0b;--border-color:#ffffff14;--border-highlight:#ffffff26;--glass-bg:#0f141c99;--glass-border:#ffffff0d;--panel-shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#3b82f614 0%,#0000 50%),radial-gradient(circle at 85% 30%,#10b9810d 0%,#0000 50%);background-attachment:fixed;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6,.brand-font{font-family:Outfit,sans-serif}.app-container{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--glass-bg);-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:linear-gradient(90deg,#fff,#94a3b8);-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{color:#60a5fa;background:linear-gradient(90deg,#3b82f633 0%,#3b82f600 100%);border-left:3px solid #3b82f6;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);-webkit-backdrop-filter:blur(16px);z-index:10;background:#05070a99;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:1200px;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(--glass-bg);-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{box-shadow:0 20px 40px #0006, 0 0 40px var(--accent-glow);background:#3b82f614;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)}