:root{--bg: #0b0b0f;--text: #f4f4f7;--muted: rgba(244, 244, 247, .65);--card: rgba(20, 20, 28, .72);--card-border: rgba(255, 255, 255, .12);--primary: #8b5cf6;--primary-2: #ec4899;--cyan: #22d3ee;--dash-bg: #f5f6f8;--dash-text: #111827;--dash-muted: rgba(17, 24, 39, .65);--dash-card: #ffffff;--dash-border: rgba(17, 24, 39, .1)}*{box-sizing:border-box}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.btn{border:1px solid transparent;background:transparent;color:inherit;padding:10px 14px;border-radius:10px;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease;display:inline-flex;align-items:center;gap:8px}.btn:active{transform:translateY(1px)}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff}.btn.ghost{border-color:#ffffff2e;background:#ffffff0f}.btn.danger{border-color:#ef444459;background:#ef44441f;color:#ef4444}.btn.link{border:0;padding:0;background:transparent;color:var(--cyan)}.btn.full{width:100%;justify-content:center}.iconbtn{border:1px solid rgba(255,255,255,.18);background:#ffffff0f;width:40px;height:40px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.alert{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;padding:10px 12px;border-radius:12px;margin:10px 0}.form{display:grid;gap:12px}.field{display:grid;gap:6px}.field label{font-size:13px;color:#ffffffbf}.field input,.field select{border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:var(--text);padding:10px 12px;border-radius:12px;outline:none}.field input::placeholder{color:#ffffff59}.passrow{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.muted{color:var(--muted);margin:0;font-size:13px}.divider{height:1px;background:#ffffff24;margin:10px 0}.landing{min-height:100vh;background:radial-gradient(circle at 25% 20%,rgba(139,92,246,.35),transparent 50%),radial-gradient(circle at 80% 60%,rgba(34,211,238,.18),transparent 55%),linear-gradient(180deg,#050505,#0b0b0f);color:var(--text);display:grid;place-items:center;padding:32px;position:relative;overflow:hidden}.landing-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(5,5,5,.65))}.landing-content{position:relative;max-width:920px;text-align:center}.landing-title{font-size:56px;margin:0 0 10px;letter-spacing:-1px}.landing-subtitle{margin:0 auto;max-width:720px;color:var(--muted);font-size:16px;line-height:1.5}.landing-actions{margin-top:18px;display:inline-flex;gap:12px}.auth{min-height:100vh;background:#050505;color:var(--text);overflow:hidden}.auth-header{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px 24px}.brand{display:inline-flex;align-items:center;gap:10px}.brand-logo{width:88px;height:88px;object-fit:contain}.brand-name{font-weight:700;letter-spacing:.2px}.auth-body{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.auth-left{position:relative}.auth-hero{width:100%;height:100%;object-fit:cover;display:block}.auth-left-gradient{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(5,5,5,.65),#050505)}.auth-right{position:relative;display:grid;place-items:center;padding:100px 24px 24px}.neon-glow{position:absolute;border-radius:999px;filter:blur(60px);opacity:.55}.glow-1{width:520px;height:520px;background:#8b5cf673;top:10%;right:5%}.glow-2{width:420px;height:420px;background:#ec489966;bottom:10%;right:15%}.auth-card{width:min(420px,100%);background:var(--card);border:1px solid var(--card-border);border-radius:18px;padding:18px;position:relative;z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card-head h2{margin:0;font-size:22px}.auth-card-head p{margin:6px 0 0;color:var(--muted);font-size:13px}.switch{margin-top:8px;font-size:13px;color:var(--muted)}.helper{margin-top:6px;font-size:12px;color:#f4f4f78c}.mobile-menu-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1001;width:48px;height:48px;border:none;background:#6972ab;color:#fff;border-radius:12px;cursor:pointer;box-shadow:0 4px 12px #6972ab4d;transition:all .3s ease}.mobile-menu-toggle:hover{background:#5a62a0;transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.dashboard-wrapper{display:flex;min-height:100vh}.dashboard{min-height:100vh;background:var(--dash-bg);color:var(--dash-text)}.dashboard-main{flex:1;margin-left:260px;padding:32px;background:var(--dash-bg);color:var(--dash-text);min-height:100vh}.topnav{height:64px;background:var(--dash-card);border-bottom:1px solid var(--dash-border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:10}.topnav .brand-name{color:var(--dash-text)}.topnav .brand-logo{width:88px;height:88px}.topnav-left{display:flex;align-items:center;gap:18px}.navlinks{display:flex;align-items:center;gap:10px}.navlink{padding:8px 10px;border-radius:10px;color:#111827bf}.navlink.active{background:#8b5cf61f;color:var(--dash-text);border:1px solid rgba(139,92,246,.25)}.topnav-right{display:flex;align-items:center;gap:10px}.page{display:grid;gap:14px}.page.center{min-height:100vh;place-items:center;background:var(--dash-bg)}.page-head{display:flex;align-items:center;justify-content:space-between}.card{background:var(--dash-card);border:1px solid var(--dash-border);border-radius:14px;padding:14px}.card.subtle{background:#11182708}.table-wrap{width:100%;overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px;border-bottom:1px solid rgba(17,24,39,.08);font-size:14px}.right{text-align:right}.grid2{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.stats{display:flex;align-items:center;justify-content:space-between}.stat-value{font-size:28px;font-weight:800;letter-spacing:-.5px}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;padding:18px;z-index:999}.modal{width:min(820px,100%);background:var(--dash-card);border:1px solid var(--dash-border);border-radius:16px;padding:14px;display:grid;gap:12px}.modal-head{display:flex;align-items:center;justify-content:space-between}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.bom-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-bottom:1px solid rgba(17,24,39,.08)}.bom-controls{display:inline-flex;align-items:center;gap:10px}@media(max-width:968px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.dashboard-main{margin-left:0;padding:80px 20px 20px}.page-head{flex-direction:column;align-items:flex-start;gap:12px}.page-head h1{font-size:24px}.filter-bar{flex-direction:column;align-items:stretch;padding:16px}.filter-group{flex-direction:column;align-items:stretch}.filter-select{width:100%;min-width:auto}.grid2{grid-template-columns:1fr}}@media(max-width:650px){.table-wrap{overflow-x:visible!important}.table{width:100%;min-width:auto!important}}@media(max-width:640px){.dashboard-main{padding:70px 12px 12px}.page-head h1{font-size:20px}.btn{padding:8px 12px;font-size:14px}.table th,.table td{padding:8px;font-size:13px}}.landing{position:relative;min-height:100vh;overflow:hidden;background:#050509}.landing-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.95;filter:saturate(1.08) contrast(1.05);transform:translateZ(0);z-index:1}.landing-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(900px 520px at 72% 45%,rgba(125,80,255,.18),transparent 62%),radial-gradient(900px 560px at 86% 70%,rgba(0,220,255,.12),transparent 66%),radial-gradient(820px 520px at 60% 78%,rgba(255,0,170,.1),transparent 64%),linear-gradient(0deg,#050509b3,#050509b3)}.landing-top{position:absolute;top:-14px;left:29px;right:29px;display:flex;align-items:center;justify-content:space-between;z-index:10}.landing-brand{display:flex;align-items:center;gap:10px}.landing-logo{width:120px;height:auto;display:block;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))}.landing-enter-btn{text-decoration:none;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000047;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease,border-color .14s ease}.landing-enter-text{color:#fffffff2;font-weight:800;letter-spacing:.2px;text-shadow:0 1px 10px rgba(0,0,0,.65)}.landing-enter-btn:hover{transform:translateY(-1px);border:1px solid transparent;background:linear-gradient(#00000057,#00000057) padding-box,linear-gradient(90deg,#9e3358,#6972ab) border-box;box-shadow:0 0 0 1px #ffffff0f,0 0 18px #9e33586b,0 0 26px #6972ab5c}.landing-enter-btn:hover .landing-enter-text{color:#fffffffa;text-shadow:0 0 10px rgba(158,51,88,.75),0 0 14px rgba(105,114,171,.65),0 0 18px rgba(0,0,0,.55)}.landing-enter-btn:focus-visible{outline:2px solid rgba(105,114,171,.6);outline-offset:3px;border-radius:12px}.landing-content{position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:120px 22px 64px;max-width:860px;margin:0 auto}.landing-title{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.1;color:#fffffff2;letter-spacing:.4px}.landing-title-emph{background-image:linear-gradient(90deg,#9e3358,#6972ab);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 14px rgba(158,51,88,.22),0 0 18px rgba(105,114,171,.18)}.landing-subtitle{margin:14px 0 0;max-width:64ch;color:#ffffffad;font-size:16px;line-height:1.55}.landing-actions{margin-top:26px;width:100%;display:flex;justify-content:center}.landing-cta{text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 18px;border-radius:12px;color:#ffffffeb;font-weight:900;letter-spacing:.2px;border:none;background:linear-gradient(90deg,#ff2aa6,#00d7ff);box-shadow:0 14px 30px #0006;transition:transform .14s ease,filter .14s ease}.landing-cta:hover{transform:translateY(-1px);filter:brightness(1.05)}@media(max-width:640px){.landing-logo{width:96px}.landing-content{padding:112px 16px 52px}.landing-enter-btn{padding:8px 12px}}.forgot-password-overlay{position:fixed;inset:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:fadeIn .2s ease}.forgot-password-modal{position:relative;background:#fff;border-radius:24px;padding:40px;max-width:480px;width:100%;box-shadow:0 20px 60px #6972ab4d,0 8px 24px #00000026,0 0 0 1px #6972ab1a;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.forgot-password-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:12px;border:none;background:#6972ab1a;color:#6972ab;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.forgot-password-close:hover:not(:disabled){background:#6972ab33;transform:rotate(90deg)}.forgot-password-close:disabled{opacity:.5;cursor:not-allowed}.forgot-password-header{margin-bottom:32px;text-align:center}.forgot-password-title{margin:0 0 8px;font-size:28px;font-weight:800;background:linear-gradient(135deg,#6972ab,#9e3358);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em}.forgot-password-subtitle{margin:0;font-size:15px;color:#64748b;font-weight:500;line-height:1.5}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.forgot-password-label{font-size:13px;font-weight:700;color:#6972ab;text-transform:uppercase;letter-spacing:.5px;margin-bottom:-12px}.forgot-password-input{height:52px;padding:14px 18px;border-radius:14px;border:2px solid rgba(105,114,171,.2);background:#fff;color:#0f172a;outline:none;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:all .2s ease}.forgot-password-input::placeholder{color:#0f172a66;font-weight:400}.forgot-password-input:focus{border-color:#6972ab;box-shadow:0 0 0 4px #6972ab26,0 4px 12px #6972ab1a;transform:translateY(-1px)}.forgot-password-input:disabled{background:#0f172a08;cursor:not-allowed;opacity:.7}.forgot-password-submit{height:52px;padding:14px 32px;border-radius:14px;border:none;background:linear-gradient(135deg,#6972ab,#9e3358);color:#fff;font-weight:700;font-size:16px;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;box-shadow:0 4px 12px #6972ab4d,0 1px 3px #0000001a}.forgot-password-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6972ab66,0 2px 6px #00000026}.forgot-password-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.forgot-password-submit:active:not(:disabled){transform:translateY(0)}@media(max-width:540px){.forgot-password-modal{padding:32px 24px}.forgot-password-title{font-size:24px}.forgot-password-subtitle{font-size:14px}}.auth-page{position:relative;min-height:100vh;background:#050509;overflow:hidden}.auth-top{position:absolute;top:-14px;left:29px;right:29px;display:flex;align-items:center;justify-content:space-between;z-index:10}.auth-top{z-index:50}.auth-home-btn{pointer-events:auto}.auth-brand{display:flex;align-items:center;gap:10px}.auth-logo{width:120px;height:auto;display:block;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))}.auth-home-btn{text-decoration:none;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000047;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease,border-color .14s ease}.auth-home-text{color:#fffffff2;font-weight:800;letter-spacing:.2px;text-shadow:0 1px 10px rgba(0,0,0,.65)}.auth-home-btn:hover{transform:translateY(-1px);border:1px solid transparent;background:linear-gradient(#00000057,#00000057) padding-box,linear-gradient(90deg,#9e3358,#6972ab) border-box;box-shadow:0 0 0 1px #ffffff0f,0 0 18px #9e33586b,0 0 26px #6972ab5c}.auth-home-btn:hover .auth-home-text{color:#fffffffa;text-shadow:0 0 10px rgba(158,51,88,.75),0 0 14px rgba(105,114,171,.65),0 0 18px rgba(0,0,0,.55);filter:brightness(1.08)}.auth-home-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #6972ab59,0 0 0 4px #9e335840}.auth-home-btn:active{transform:translateY(0)}.auth-home-btn:focus-visible{outline:2px solid rgba(105,114,171,.55);outline-offset:3px}.auth-hero{position:absolute;left:clamp(-220px,-12vw,-80px);bottom:clamp(-20px,-1vw,0px);height:800px;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.98;filter:none;transform:translateZ(0)}.auth-page.is-register .auth-center{padding-top:78px;padding-bottom:54px}.auth-page.is-register .auth-card{padding:20px 22px 16px}.auth-page.is-register .auth-form{gap:10px}.auth-page.is-register .auth-card-header{margin-bottom:12px}.auth-page.is-register .auth-field{gap:6px}.auth-page.is-register .auth-input{height:40px}.auth-page.is-register .auth-req-box{padding:10px 10px 8px}.auth-page.is-register .auth-req-list{gap:6px}.auth-page.is-register .auth-card{max-height:calc(100vh - 160px);overflow-y:auto;scrollbar-width:none}.auth-page.is-register .auth-card::-webkit-scrollbar{width:0;height:0}.auth-haze{position:absolute;inset:-240px;z-index:2;pointer-events:none;background:radial-gradient(860px 520px at 74% 44%,rgba(125,80,255,.18),transparent 64%),radial-gradient(980px 640px at 88% 72%,rgba(0,220,255,.12),transparent 66%),radial-gradient(920px 600px at 68% 82%,rgba(255,0,170,.1),transparent 62%);filter:blur(26px);opacity:.95}.auth-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#050509eb,#0505098c 18%,#05050900 48%),linear-gradient(90deg,#05050900,#0505092e 52%,#050509a6 70%,#050509f0 82%,#050509),radial-gradient(1300px 900px at 30% 72%,#05050900,#0505098c 60%,#050509eb 82%)}.auth-center{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;justify-content:flex-end;padding:92px 22px 72px}.auth-card-wrap{width:min(520px,92vw);margin-right:clamp(0px,6vw,120px);position:relative}.auth-card-wrap:before{content:"";position:absolute;inset:-34px;background:radial-gradient(260px 260px at 18% 22%,rgba(255,0,170,.26),transparent 66%),radial-gradient(340px 340px at 88% 80%,rgba(0,220,255,.22),transparent 70%),radial-gradient(380px 280px at 68% 18%,rgba(125,80,255,.16),transparent 74%);filter:blur(30px);opacity:.78;z-index:0;pointer-events:none}.auth-card{position:relative;z-index:1;padding:26px 26px 20px;border-radius:18px;background:linear-gradient(135deg,#ff00aa1f,#00dcff1a);border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 85px #000000b8,0 0 0 1px #ffffff1a inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card-header{margin-bottom:18px}.auth-title{margin:0;color:#ffffffeb;font-size:18px;font-weight:700;letter-spacing:.2px}.auth-subtitle{margin:6px 0 0;color:#ffffff8c;font-size:12px}.auth-form{display:grid;gap:14px}.auth-field{display:grid;gap:8px}.auth-label{color:#ffffffd1;font-size:12px;font-weight:600}.auth-input-with-icon{position:relative}.auth-input{width:100%;height:44px;border-radius:10px;padding:0 42px 0 12px;background:#00000042;border:1px solid rgba(255,255,255,.12);color:#ffffffeb;outline:none;transition:border-color .14s ease,transform .14s ease}.auth-input::placeholder{color:#ffffff59}.auth-input:focus{border-color:#ffffff47;transform:translateY(-1px)}.auth-icon-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#ffffff8c;cursor:pointer;padding:6px;border-radius:8px}.auth-icon-btn:hover{background:#ffffff0f;color:#fffc}.auth-req-box{margin-top:2px;border-radius:12px;padding:12px 12px 10px;background:#00000038;border:1px solid rgba(255,255,255,.1)}.auth-req-title{color:#ffffffb3;font-size:12px;font-weight:700;margin-bottom:8px}.auth-req-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.auth-req-list li{display:flex;align-items:center;gap:10px;font-size:12px;transition:color .14s ease}.req-icon{width:18px;height:18px;border-radius:999px;display:inline-grid;place-items:center;background:#ffffff14;box-shadow:0 0 0 1px #ffffff1a}.auth-req-list li.fail{color:#ffffff7a}.auth-req-list li.fail .req-icon:before{content:"×";font-weight:800;color:#fff6;line-height:1}.auth-req-list li.ok{color:#3ae79af2}.auth-req-list li.ok .req-icon{background:#3ae79a1f;box-shadow:0 0 0 1px #3ae79a42,0 0 14px #3ae79a38}.auth-req-list li.ok .req-icon:before{content:"✓";font-weight:900;color:#3ae79af2;line-height:1}.auth-message{color:#ff78beeb;font-size:12px;background:#ff00aa1a;border:1px solid rgba(255,0,170,.18);padding:10px 12px;border-radius:10px}.auth-forgot-link{border:none;background:transparent;padding:0;cursor:pointer;font-size:12px;font-weight:600;color:#ffffff9e;text-decoration:none;text-align:right;margin-top:-6px;transition:color .14s ease}.auth-forgot-link:hover:not(:disabled){color:#ffffffeb;text-decoration:underline}.auth-forgot-link:disabled{opacity:.4;cursor:not-allowed}.auth-submit{height:44px;border-radius:10px;border:none;cursor:pointer;color:#ffffffeb;font-weight:800;letter-spacing:.2px;background:linear-gradient(90deg,#ff2aa6,#00d7ff);box-shadow:0 14px 30px #0006;transition:transform .14s ease,filter .14s ease,opacity .14s ease}.auth-submit:hover{transform:translateY(-1px);filter:brightness(1.05)}.auth-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.auth-footer{margin-top:6px;text-align:center;color:#ffffff8c;font-size:12px}.auth-link{border:none;background:transparent;padding:0;cursor:pointer;font-weight:800;letter-spacing:.2px;background-image:linear-gradient(90deg,#9e3358,#6972ab);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;position:relative}.auth-link:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;border-radius:999px;background:linear-gradient(90deg,#9e3358,#6972ab);opacity:0;transform:scaleX(.65);transform-origin:left;transition:opacity .16s ease,transform .16s ease}.auth-link:hover:after{opacity:1;transform:scaleX(1)}.auth-link:hover{filter:brightness(1.08)}.auth-link:focus-visible{outline:2px solid rgba(105,114,171,.6);outline-offset:3px;border-radius:8px}@media(max-width:639px){.auth-home-btn{padding:8px 12px;border-radius:12px;font-size:14px}.auth-center{padding:74px 12px 46px;justify-content:center}.auth-card-wrap{width:min(420px,94vw);margin-right:0}.auth-card{padding:18px 18px 16px;border-radius:16px}.auth-title{font-size:16px}.auth-subtitle{font-size:11px}.auth-form{gap:12px}.auth-field{gap:6px}.auth-label{font-size:11px}.auth-input{height:42px}.auth-req-box{padding:10px 10px 8px}.auth-req-list{grid-template-columns:1fr 1fr;column-gap:10px;row-gap:6px}.auth-req-list li{font-size:11px}.req-icon{width:16px;height:16px}.auth-hero{left:-26vw;bottom:-36px;height:560px;opacity:.35;filter:none}.auth-page.is-register .auth-hero{left:-34vw;opacity:.28}}@media(min-width:640px)and (max-width:1170px){.auth-center{justify-content:flex-end;padding:84px 10px 64px}.auth-card-wrap{width:min(520px,92vw);margin-right:clamp(24px,6.2vw,110px)}.auth-page.is-register .auth-card-wrap{width:min(520px,92vw);margin-right:clamp(22px,6vw,105px)}.auth-page.is-register .auth-hero{left:clamp(-360px,-22vw,-200px)}}.reset-password-page{position:relative;min-height:100vh;background:#050509;overflow:hidden}.reset-top{position:absolute;top:-14px;left:29px;right:29px;display:flex;align-items:center;justify-content:space-between;z-index:50}.reset-brand{display:flex;align-items:center;gap:10px}.reset-logo{width:120px;height:auto;display:block;filter:drop-shadow(0 10px 22px rgba(0,0,0,.55))}.reset-home-btn{pointer-events:auto;text-decoration:none;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#00000047;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .14s ease,background-color .14s ease,box-shadow .14s ease,border-color .14s ease}.reset-home-text{color:#fffffff2;font-weight:800;letter-spacing:.2px;text-shadow:0 1px 10px rgba(0,0,0,.65)}.reset-home-btn:hover{transform:translateY(-1px);border:1px solid transparent;background:linear-gradient(#00000057,#00000057) padding-box,linear-gradient(90deg,#9e3358,#6972ab) border-box;box-shadow:0 0 0 1px #ffffff0f,0 0 18px #9e33586b,0 0 26px #6972ab5c}.reset-home-btn:hover .reset-home-text{color:#fffffffa;text-shadow:0 0 10px rgba(158,51,88,.75),0 0 14px rgba(105,114,171,.65),0 0 18px rgba(0,0,0,.55);filter:brightness(1.08)}.reset-hero{position:absolute;left:clamp(-180px,-10vw,-60px);bottom:clamp(-10px,-.5vw,0px);height:750px;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.92;filter:none;transform:translateZ(0)}.reset-haze{position:absolute;inset:-240px;z-index:2;pointer-events:none;background:radial-gradient(860px 520px at 74% 44%,rgba(125,80,255,.18),transparent 64%),radial-gradient(980px 640px at 88% 72%,rgba(0,220,255,.12),transparent 66%),radial-gradient(920px 600px at 68% 82%,rgba(255,0,170,.1),transparent 62%);filter:blur(26px);opacity:.95}.reset-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(180deg,#050509eb,#0505098c 18%,#05050900 48%),linear-gradient(90deg,#05050900,#0505092e 52%,#050509a6 70%,#050509f0 82%,#050509),radial-gradient(1300px 900px at 30% 72%,#05050900,#0505098c 60%,#050509eb 82%)}.reset-center{position:relative;z-index:10;min-height:100vh;display:flex;align-items:center;justify-content:flex-end;padding:92px 22px 72px}.reset-card-wrap{width:min(520px,92vw);margin-right:clamp(0px,6vw,120px);position:relative}.reset-card-wrap:before{content:"";position:absolute;inset:-34px;background:radial-gradient(260px 260px at 18% 22%,rgba(255,0,170,.26),transparent 66%),radial-gradient(340px 340px at 88% 80%,rgba(0,220,255,.22),transparent 70%),radial-gradient(380px 280px at 68% 18%,rgba(125,80,255,.16),transparent 74%);filter:blur(30px);opacity:.78;z-index:0;pointer-events:none}.reset-card{position:relative;z-index:1;padding:26px 26px 20px;border-radius:18px;background:linear-gradient(135deg,#ff00aa1f,#00dcff1a);border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 85px #000000b8,0 0 0 1px #ffffff1a inset;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.reset-card-header{margin-bottom:18px}.reset-title{margin:0;color:#ffffffeb;font-size:18px;font-weight:700;letter-spacing:.2px}.reset-subtitle{margin:6px 0 0;color:#ffffff8c;font-size:12px}.reset-form{display:grid;gap:14px}.reset-field{display:grid;gap:8px}.reset-label{color:#ffffffd1;font-size:12px;font-weight:600}.reset-input-with-icon{position:relative}.reset-input{width:100%;height:44px;border-radius:10px;padding:0 42px 0 12px;background:#00000042;border:1px solid rgba(255,255,255,.12);color:#ffffffeb;outline:none;transition:border-color .14s ease,transform .14s ease}.reset-input::placeholder{color:#ffffff59}.reset-input:focus{border-color:#ffffff47;transform:translateY(-1px)}.reset-icon-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#ffffff8c;cursor:pointer;padding:6px;border-radius:8px}.reset-icon-btn:hover{background:#ffffff0f;color:#fffc}.reset-req-box{margin-top:2px;border-radius:12px;padding:12px 12px 10px;background:#00000038;border:1px solid rgba(255,255,255,.1)}.reset-req-title{color:#ffffffb3;font-size:12px;font-weight:700;margin-bottom:8px}.reset-req-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.reset-req-list li{display:flex;align-items:center;gap:10px;font-size:12px;transition:color .14s ease}.reset-req-list li.fail{color:#ffffff7a}.reset-req-list li.fail .req-icon:before{content:"×";font-weight:800;color:#fff6;line-height:1}.reset-req-list li.ok{color:#3ae79af2}.reset-req-list li.ok .req-icon{background:#3ae79a1f;box-shadow:0 0 0 1px #3ae79a42,0 0 14px #3ae79a38}.reset-req-list li.ok .req-icon:before{content:"✓";font-weight:900;color:#3ae79af2;line-height:1}.reset-submit{height:44px;border-radius:10px;border:none;cursor:pointer;color:#ffffffeb;font-weight:800;letter-spacing:.2px;background:linear-gradient(90deg,#ff2aa6,#00d7ff);box-shadow:0 14px 30px #0006;transition:transform .14s ease,filter .14s ease,opacity .14s ease}.reset-submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.05)}.reset-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.reset-footer{margin-top:6px;text-align:center;color:#ffffff8c;font-size:12px}.reset-link{border:none;background:transparent;padding:0;cursor:pointer;font-weight:800;letter-spacing:.2px;background-image:linear-gradient(90deg,#9e3358,#6972ab);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;position:relative}.reset-link:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;border-radius:999px;background:linear-gradient(90deg,#9e3358,#6972ab);opacity:0;transform:scaleX(.65);transform-origin:left;transition:opacity .16s ease,transform .16s ease}.reset-link:hover:after{opacity:1;transform:scaleX(1)}.reset-link:hover{filter:brightness(1.08)}@media(max-width:639px){.reset-center{padding:74px 12px 46px;justify-content:center}.reset-card-wrap{width:min(420px,94vw);margin-right:0}.reset-card{padding:18px 18px 16px;border-radius:16px}.reset-title{font-size:16px}.reset-subtitle{font-size:11px}.reset-hero{left:-26vw;bottom:-36px;height:560px;opacity:.35}}@media(min-width:640px)and (max-width:1170px){.reset-center{justify-content:flex-end;padding:84px 10px 64px}.reset-card-wrap{width:min(520px,92vw);margin-right:clamp(24px,6.2vw,110px)}}.sidebar{width:260px;min-height:100vh;background:linear-gradient(180deg,#6972ab,#5d669d);display:flex;flex-direction:column;padding:20px 0;position:fixed;left:0;top:0;bottom:0;z-index:100;transition:background .3s ease;box-shadow:4px 0 16px #6972ab80,6px 0 28px #9e335859,8px 0 36px #6972ab33}[data-theme=dark] .sidebar{background:linear-gradient(180deg,#1a1d29,#151720);border-right:1px solid rgba(123,133,193,.15);box-shadow:4px 0 20px #7b85c166,6px 0 32px #b4436e4d,inset -1px 0 #7b85c133}.sidebar-header{padding:0 20px 30px;display:flex;justify-content:center;position:relative}.sidebar-header:after{content:"";position:absolute;bottom:12px;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent,rgba(158,51,88,.75) 20%,rgba(105,114,171,.95) 50%,rgba(158,51,88,.75) 80%,transparent);box-shadow:0 0 10px #6972abcc,0 0 16px #9e335899,0 2px 8px #6972ab66}[data-theme=dark] .sidebar-header:after{background:linear-gradient(90deg,transparent,rgba(180,67,110,.7) 20%,rgba(123,133,193,.9) 50%,rgba(180,67,110,.7) 80%,transparent);box-shadow:0 0 10px #7b85c1cc,0 0 16px #b4436e99}.sidebar-brand{display:flex;align-items:center;justify-content:center}.sidebar-logo{width:110px;height:110px;object-fit:contain;filter:brightness(1.2) drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:all .3s ease}[data-theme=dark] .sidebar-logo{filter:brightness(1.1) drop-shadow(0 4px 12px rgba(123,133,193,.3))}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:6px;padding:0 12px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;color:#ffffffd9;font-size:15px;font-weight:500;transition:all .2s ease;text-decoration:none;cursor:pointer;position:relative;border:1px solid transparent}.sidebar-link:hover{background:#ffffff1f;color:#fff;border-color:#ffffff1a}.sidebar-link.active{background:#fff3;color:#fff;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff1a;border-color:#ffffff26}.sidebar-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:linear-gradient(180deg,#9e3358,#6972ab);border-radius:0 2px 2px 0;box-shadow:0 0 12px #9e3358,0 0 18px #6972abcc,2px 0 8px #9e335899}[data-theme=dark] .sidebar-link{color:#e8eaedd9}[data-theme=dark] .sidebar-link:hover{background:#7b85c126;color:#fff;border-color:#7b85c133}[data-theme=dark] .sidebar-link.active{background:#7b85c140;color:#fff;border-color:#7b85c14d;box-shadow:0 4px 12px #7b85c133,inset 0 1px #7b85c133}[data-theme=dark] .sidebar-link.active:before{background:linear-gradient(180deg,#b4436e,#7b85c1);box-shadow:0 0 10px #b4436ee6,0 0 16px #7b85c1b3}.sidebar-footer{padding:16px 12px 0;display:flex;flex-direction:column;gap:6px;border-top:1px solid rgba(255,255,255,.15);position:relative}.sidebar-footer:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(158,51,88,.7) 30%,rgba(105,114,171,.9) 50%,rgba(158,51,88,.7) 70%,transparent);box-shadow:0 0 8px #6972abb3,0 -1px 6px #9e335880}[data-theme=dark] .sidebar-footer{border-top-color:#7b85c133}[data-theme=dark] .sidebar-footer:before{background:linear-gradient(90deg,transparent,rgba(180,67,110,.6) 30%,rgba(123,133,193,.8) 50%,rgba(180,67,110,.6) 70%,transparent);box-shadow:0 0 8px #7b85c199}.sidebar-theme-toggle{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#ffffffe6;font-size:15px;font-weight:500;transition:all .2s ease;cursor:pointer;width:100%;text-align:left}.sidebar-theme-toggle:hover{background:#ffffff2e;border-color:#ffffff4d;color:#fff;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .sidebar-theme-toggle{background:#7b85c126;border-color:#7b85c140;color:#e8eaede6}[data-theme=dark] .sidebar-theme-toggle:hover{background:#7b85c140;border-color:#7b85c159;color:#fff;box-shadow:0 0 12px #7b85c14d,0 2px 8px #0003}.sidebar-logout{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;border:1px solid transparent;background:transparent;color:#ffffffd9;font-size:15px;font-weight:500;transition:all .2s ease;cursor:pointer;width:100%;text-align:left}.sidebar-logout:hover{background:#ef444433;color:#fff;border-color:#ef44444d}.sidebar-logout:active{transform:translateY(1px)}[data-theme=dark] .sidebar-logout{color:#e8eaedd9}[data-theme=dark] .sidebar-logout:hover{background:#dc262633;border-color:#dc26264d;color:#fca5a5}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:99;opacity:0;transition:opacity .3s ease}.sidebar-backdrop.active{display:block;opacity:1}@media(max-width:968px){.sidebar{transform:translate(-100%);transition:transform .3s ease,background .3s ease;z-index:1000}.sidebar.mobile-open{transform:translate(0)}.sidebar-header{padding:0 20px 20px}.sidebar-logo{width:90px;height:90px}}@media(max-width:640px){.sidebar{width:280px}.sidebar-logo{width:80px;height:80px}}:root{--bg-primary: #f3f4f7;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-hover: #e8e9ed;--text-primary: #1a1d2e;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border-color: #e5e7eb;--border-hover: #d1d5db;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--accent-primary: #6972ab;--accent-secondary: #9e3358}[data-theme=dark]{--bg-primary: #0f1117;--bg-secondary: #1a1d29;--bg-card: #1e2130;--bg-hover: #252836;--text-primary: #e8eaed;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--border-color: #2d3142;--border-hover: #3d4357;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--accent-primary: #7b85c1;--accent-secondary: #b4436e}.dashboard-wrapper{display:flex;min-height:100vh;background:var(--bg-primary);transition:background-color .2s ease}.dashboard-main{flex:1;position:relative;background:var(--bg-primary)}.mobile-menu-toggle{display:none;position:fixed;top:20px;left:20px;z-index:100;width:44px;height:44px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);color:var(--text-primary);cursor:pointer;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all .18s ease}.mobile-menu-toggle:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}@media(max-width:768px){.mobile-menu-toggle{display:flex}}.overlay-backdrop{position:fixed;inset:0;background:#0a0a148c;display:flex;align-items:center;justify-content:center;padding:18px;z-index:9999}.overlay-card{width:min(640px,100%);border-radius:18px;background:#fff;box-shadow:0 20px 55px #00000059;border:1px solid rgba(0,0,0,.08);overflow:hidden}[data-theme=dark] .overlay-card{background:var(--bg-card);border-color:#7b85c133;box-shadow:0 20px 55px #0009}.overlay-head{display:flex;align-items:center;justify-content:center;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08);position:relative}[data-theme=dark] .overlay-head{border-bottom-color:#7b85c133}.overlay-close{width:38px;height:38px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.overlay-close:hover{background:#00000008}[data-theme=dark] .overlay-close{background:var(--bg-secondary);border-color:#7b85c140;color:var(--text-primary)}[data-theme=dark] .overlay-close:hover{background:var(--bg-hover);border-color:#7b85c159}.overlay-title-wrap{display:inline-flex;align-items:center;gap:10px;min-width:0}.overlay-title{margin:0;font-size:18px;color:#000000db;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .overlay-title{color:var(--text-primary)}.overlay-title-ornament{display:inline-flex;align-items:center;justify-content:center;color:#d4a017;filter:drop-shadow(0 1px 0 rgba(0,0,0,.08))}.overlay-body{display:flex;gap:14px;padding:16px;align-items:flex-start}.overlay-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.overlay-content{color:#000000c7;line-height:1.45}[data-theme=dark] .overlay-content{color:var(--text-secondary)}.overlay-actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px 16px}.overlay-card--success .overlay-head{background:linear-gradient(135deg,#00ff8840,#00cc6a26);border-bottom:1px solid rgba(0,255,136,.4);box-shadow:0 4px 20px #0f83}[data-theme=dark] .overlay-card--success .overlay-head{background:linear-gradient(135deg,#00ff882e,#00cc6a1a);border-bottom:1px solid rgba(0,255,136,.35);box-shadow:0 4px 24px #00ff8840,0 0 40px #00ff8826}.overlay-card--success .overlay-icon{background:#0f83;color:#0f8;box-shadow:0 0 16px #0f86}[data-theme=dark] .overlay-card--success .overlay-icon{background:#00ff8826;color:#0f8;box-shadow:0 0 20px #00ff8880,0 0 40px #00ff8840}.overlay-card--error .overlay-head{background:linear-gradient(135deg,#ff005540,#ff337726);border-bottom:1px solid rgba(255,0,85,.4);box-shadow:0 4px 20px #f053}[data-theme=dark] .overlay-card--error .overlay-head{background:linear-gradient(135deg,#ff00662e,#ff33771a);border-bottom:1px solid rgba(255,0,102,.35);box-shadow:0 4px 24px #ff006640,0 0 40px #ff006626}.overlay-card--error .overlay-icon{background:#f053;color:#f05;box-shadow:0 0 16px #f056}[data-theme=dark] .overlay-card--error .overlay-icon{background:#ff006626;color:#f06;box-shadow:0 0 20px #ff006680,0 0 40px #ff006640}.overlay-card--warning .overlay-head{background:linear-gradient(135deg,#cc00ff38,#ff00ff1f);border-bottom:1px solid rgba(204,0,255,.38);box-shadow:0 4px 20px #c0f3}[data-theme=dark] .overlay-card--warning .overlay-head{background:linear-gradient(135deg,#dd33ff2e,#ff00ff1a);border-bottom:1px solid rgba(221,51,255,.35);box-shadow:0 4px 24px #dd33ff40,0 0 40px #dd33ff26}.overlay-card--warning .overlay-icon{background:#cc00ff2e;color:#c0f;box-shadow:0 0 16px #c0f6}[data-theme=dark] .overlay-card--warning .overlay-icon{background:#dd33ff26;color:#d3f;box-shadow:0 0 20px #dd33ff80,0 0 40px #dd33ff40}.overlay-card--info .overlay-head{background:linear-gradient(135deg,#00ccff38,#0099ff1f);border-bottom:1px solid rgba(0,204,255,.38);box-shadow:0 4px 20px #0cf3}[data-theme=dark] .overlay-card--info .overlay-head{background:linear-gradient(135deg,#00ddff2e,#0099ff1a);border-bottom:1px solid rgba(0,221,255,.35);box-shadow:0 4px 24px #00ddff40,0 0 40px #00ddff26}.overlay-card--info .overlay-icon{background:#00ccff2e;color:#0cf;box-shadow:0 0 16px #0cf6}[data-theme=dark] .overlay-card--info .overlay-icon{background:#00ddff26;color:#0df;box-shadow:0 0 20px #00ddff80,0 0 40px #00ddff40}.overlay-head.overlay-head--centered{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.overlay-title-wrap{grid-column:2;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%}.overlay-title{margin:0;font-size:18px;text-align:center}.overlay-title-ornament{display:inline-flex;align-items:center;justify-content:center}.overlay-title-ornament--spacer{width:18px;height:18px}.overlay-close{grid-column:3;justify-self:end}.overlay-body.overlay-body--centered{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}.overlay-content.overlay-content--centered{text-align:center;width:100%}.overlay-actions.overlay-actions--centered{display:flex;justify-content:center;gap:10px;padding:14px 16px 16px}.overlay-product-info{margin:0;color:#000000d9}[data-theme=dark] .overlay-product-info{color:#ffffffe6}.modal-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999;animation:fadeIn .2s ease}.modal{width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;color:#0f172a;border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;padding:28px;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(105,114,171,.1)}.modal-head h2{margin:0;font-size:26px;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#6972ab,#9e3358);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid rgba(105,114,171,.2);background:#6972ab0d;color:#6972ab;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#6972ab26;border-color:#6972ab59;transform:rotate(90deg)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:720px){.grid2{grid-template-columns:1fr}.modal{padding:20px;border-radius:20px}.modal-head h2{font-size:22px}.bom-header{grid-template-columns:1fr;gap:8px}.bom-row{grid-template-columns:1fr;gap:10px;padding:16px 12px}.bom-col--material{margin-bottom:8px}.bom-col--actions .btn{width:100%}}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:13px;font-weight:700;color:#6972ab;text-transform:uppercase;letter-spacing:.5px}.field input,.field select,.modal-input{height:48px;padding:12px 16px;border-radius:14px;border:2px solid rgba(105,114,171,.2);background:#fff;color:#0f172a;outline:none;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;transition:all .2s ease}.field input::placeholder{color:#0f172a66;font-weight:400}.field input:focus,.field select:focus,.modal-input:focus{border-color:#6972ab;box-shadow:0 0 0 4px #6972ab26,0 4px 12px #6972ab1a;transform:translateY(-1px)}.field input:disabled,.field select:disabled,.modal-input:disabled{background:#0f172a08;cursor:not-allowed;opacity:.7}.divider{height:2px;background:linear-gradient(90deg,transparent 0%,rgba(105,114,171,.2) 50%,transparent 100%);margin:24px 0}.modal h3{font-size:18px;font-weight:700;color:#6972ab;margin:0 0 12px;letter-spacing:-.02em}.muted{color:#0f172a99;font-size:14px;line-height:1.6}.card.subtle{background:linear-gradient(135deg,#6972ab0a,#9e335805);border:1px solid rgba(105,114,171,.15);border-radius:16px;padding:18px}.bom-card{margin-top:16px}.bom-header{display:grid;grid-template-columns:2fr 100px 100px 100px;gap:16px;padding:10px 12px;font-size:12px;font-weight:700;color:#6972ab;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid rgba(105,114,171,.15);margin-bottom:8px}.bom-row{display:grid;grid-template-columns:2fr 100px 100px 100px;gap:16px;align-items:center;padding:14px 12px;border-bottom:1px dashed rgba(105,114,171,.12);transition:all .2s ease}.bom-row:hover{background:#6972ab0f;border-radius:12px}.bom-col--material{font-weight:600;color:#6972ab}.bom-col--qty input{width:100%;min-width:0;height:40px;padding:8px 12px;border-radius:10px;border:2px solid rgba(105,114,171,.2);font-family:Poppins,sans-serif;font-weight:600;text-align:center}.bom-col--qty input:focus{border-color:#6972ab;box-shadow:0 0 0 3px #6972ab1f}.bom-col--unit{position:relative}.bom-col--unit select{width:100%;min-width:0;height:40px;padding:8px 32px 8px 12px;border-radius:10px;border:2px solid rgba(105,114,171,.2);background:#fff;font-family:Poppins,sans-serif;font-weight:600;font-size:13px;color:#0f172a;cursor:pointer}.bom-col--unit select:focus{border-color:#6972ab;box-shadow:0 0 0 3px #6972ab1f}.bom-col--unit select:disabled{background:#0f172a08;cursor:not-allowed;opacity:.7}.bom-col--actions .btn{width:100%;min-width:0;padding:8px 12px;font-size:13px;height:40px}.bom-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}.bom-controls button{width:36px;height:36px;border-radius:10px;border:1px solid rgba(239,68,68,.25);background:#ef44440d;color:#ef4444;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.bom-controls button:hover{background:#ef444426;border-color:#ef444466;transform:scale(1.05)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;border-top:2px solid rgba(105,114,171,.1)}.modal-actions .btn{padding:12px 28px;border-radius:14px;font-weight:700;font-size:15px;letter-spacing:.3px;transition:all .2s ease;font-family:Poppins,sans-serif}.modal-actions .btn.btn-solid{background:linear-gradient(135deg,#6972ab,#9e3358);border:none;color:#fff;box-shadow:0 4px 12px #6972ab4d,0 1px 3px #0000001a}.modal-actions .btn.btn-solid:hover{transform:translateY(-2px);box-shadow:0 8px 16px #6972ab66,0 2px 6px #00000026}.modal-actions .btn.btn-solid:active{transform:translateY(0)}.modal-actions .btn-outline{background:transparent;border:2px solid rgba(105,114,171,.25);color:#6972ab}.modal-actions .btn-outline:hover{background:#6972ab14;border-color:#6972ab}.filter-bar{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#6972ab14,#9e33580d);border:1px solid rgba(105,114,171,.2);border-radius:14px;margin-bottom:20px;box-shadow:0 2px 8px #6972ab14}.filter-group{display:flex;align-items:center;gap:12px}.filter-label{font-size:14px;font-weight:600;color:var(--brand-primary);white-space:nowrap;letter-spacing:.3px}.filter-select{padding:11px 36px 11px 18px;border:2px solid transparent;border-radius:16px;background:linear-gradient(135deg,#fff,#f8f9ff);color:var(--brand-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:220px;box-shadow:0 2px 8px #6972ab1f,inset 0 1px 2px #ffffff80;appearance:none;background-image:linear-gradient(135deg,#fff,#f8f9ff),url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236972ab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:0 0,calc(100% - 14px) center;position:relative}.filter-select:hover{border-color:#6972ab66;box-shadow:0 4px 12px #6972ab33,inset 0 1px 2px #ffffff80;transform:translateY(-1px);background:linear-gradient(135deg,#fff,#f0f2ff)}.filter-select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px #6972ab26,0 4px 12px #6972ab40;background:#fff}.filter-select option{padding:14px 18px;background:#fff;color:var(--brand-ink);font-weight:500;border-radius:8px;margin:4px 0}.filter-select option:checked{background:linear-gradient(135deg,#6972ab26,#9e33581a);color:var(--brand-primary);font-weight:600}.filter-select:focus-visible{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px #6972ab33,0 6px 16px #6972ab4d;background:#fff;transform:translateY(-2px)}.products-page .table.table-brand{border-radius:14px;overflow:hidden;border:1px solid rgba(105,114,171,.22)}.products-page .table.table-brand thead th{background:#6972ab1f;color:var(--brand-primary);border-bottom:1px solid rgba(105,114,171,.22)}.products-page .table.table-brand th+th,.products-page .table.table-brand td+td{border-left:1px solid rgba(105,114,171,.12)}.products-page .table.table-brand tbody td{border-bottom:1px solid rgba(105,114,171,.12)}.products-page .table.table-brand tbody tr:last-child td{border-bottom:none}.products-page .table.table-brand tbody tr td{transition:all .15s ease-in-out}.products-page .table.table-brand tbody tr:hover td{background:#6972ab0f}.products-page .modal .modal-input{width:100%}.bom-card{padding:12px}.bom-header{display:grid;grid-template-columns:1fr 140px 120px;gap:12px;padding:10px 10px 8px;font-size:12px;color:#0000008f;border-bottom:1px solid rgba(105,114,171,.12)}.bom-row{display:grid;grid-template-columns:1fr 140px 120px;gap:12px;align-items:center;padding:12px 10px;border-bottom:1px solid rgba(105,114,171,.1)}.bom-row:last-child{border-bottom:none}.bom-col--qty input{width:100%;min-width:0}.page{background:linear-gradient(135deg,#f5f3fb,#f8f6fd,#f3f4f7);color:var(--text-primary);transition:background .3s ease}[data-theme=dark] .page{background:var(--bg-primary);color:var(--text-primary)}.page-head h1{background:linear-gradient(135deg,#6972ab,#9e3358);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;letter-spacing:-.5px;position:relative;display:inline-block}[data-theme=dark] .page-head h1{background:linear-gradient(135deg,#7b85c1,#b4436e 60%,#8b7fc9);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px rgba(123,133,193,.3))}[data-theme=dark] .card{background:var(--bg-card);border-color:var(--border-color);color:var(--text-primary)}.table th{background:linear-gradient(135deg,#eae7f5,#e8e5f3);color:#4a4265;font-weight:600;letter-spacing:.3px;border-color:#6972ab26}[data-theme=dark] .table{color:var(--text-primary)}[data-theme=dark] .table th{background:linear-gradient(135deg,#3d3350,#2f3447);color:#d4c5f0;border-color:#7b85c140;font-weight:600;letter-spacing:.3px;box-shadow:0 1px #7b85c126,inset 0 1px #b4436e14}[data-theme=dark] .table tbody tr{border-color:var(--border-color)}[data-theme=dark] .table tbody tr:hover{background:var(--bg-hover)}[data-theme=dark] .table td{color:var(--text-primary)}[data-theme=dark] .filter-bar{background:var(--bg-card);border-color:var(--border-color)}[data-theme=dark] .filter-label{color:var(--text-secondary)}[data-theme=dark] .filter-select{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .filter-select:hover{border-color:var(--border-hover)}[data-theme=dark] .filter-select:focus{border-color:var(--accent-primary);background:var(--bg-card)}.btn.primary.btn-solid{background:var(--accent-primary, #6972ab);border:1px solid var(--accent-primary, #6972ab);color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #6972ab33}.btn.primary.btn-solid:hover{background:var(--accent-secondary, #9e3358);border-color:var(--accent-secondary, #9e3358);transform:translateY(-2px);box-shadow:0 8px 16px #9e335840;filter:brightness(1.05)}.btn.primary.btn-solid:active{transform:translateY(0)}[data-theme=dark] .btn{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn.ghost{background:transparent;border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .btn.ghost:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}[data-theme=dark] .btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}[data-theme=dark] .btn.primary:hover{background:var(--accent-secondary);border-color:var(--accent-secondary)}[data-theme=dark] .btn.danger{background:#dc2626;border-color:#dc2626;color:#fff}[data-theme=dark] .btn.danger:hover{background:#b91c1c;border-color:#b91c1c}[data-theme=dark] .icon-btn{background:#ffffff08;border-color:#7b85c133;color:#d4c5f0}[data-theme=dark] .icon-btn:hover{background:#7b85c11a;border-color:#7b85c1;color:#fff}[data-theme=dark] .icon-btn.danger:hover{background:#9e335826;border-color:#dc2626;color:#dc2626}.row-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px}.icon-btn{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(105,114,171,.28);color:#6972ab;cursor:pointer;transition:all .2s ease;position:relative}.icon-btn:hover{background:#6972ab1a;transform:translateY(-2px);border-color:#6972ab6b}.icon-btn:active{transform:translateY(0)}.icon-btn.danger{border-color:#9e335847;color:#9e3358}.icon-btn.danger:hover{background:#9e33581a;border-color:#9e33586b}[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);background:#6972ab;color:#fff;padding:6px 10px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:all .2s ease;transform-origin:bottom center;box-shadow:0 4px 12px #6972ab40;z-index:100}[data-tip]:before{content:"";position:absolute;left:50%;bottom:calc(100% + 4px);transform:translate(-50%);border:6px solid transparent;border-top-color:#6972ab;opacity:0;transition:opacity .12s ease;z-index:100}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(-2px)}[data-tip]:hover:before,[data-tip]:focus-visible:before{opacity:1}[data-theme=dark] [data-tip]:after{background:#7b85c1;box-shadow:0 4px 12px #0000004d}[data-theme=dark] [data-tip]:before{border-top-color:#7b85c1}[data-theme=dark] .modal-backdrop{background:#000000bf}[data-theme=dark] .modal{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-lg)}[data-theme=dark] .modal-head{border-color:var(--border-color)}[data-theme=dark] .modal h2,[data-theme=dark] .modal h3{color:var(--text-primary)}[data-theme=dark] .modal p{color:var(--text-secondary)}[data-theme=dark] .modal p.muted{color:var(--text-tertiary)}[data-theme=dark] .modal-close{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .modal-close:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}[data-theme=dark] .field label{color:var(--text-secondary)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .modal-input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-tertiary)}[data-theme=dark] input:hover,[data-theme=dark] select:hover,[data-theme=dark] textarea:hover{border-color:var(--border-hover)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus,[data-theme=dark] .modal-input:focus{background:var(--bg-card);border-color:var(--accent-primary);color:var(--text-primary)}[data-theme=dark] input:disabled,[data-theme=dark] select:disabled,[data-theme=dark] textarea:disabled{background:var(--bg-hover);color:var(--text-tertiary);opacity:.6}[data-theme=dark] .alert{background:#dc262626;border-color:#dc26264d;color:#fca5a5}[data-theme=dark] .bom-card{background:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .bom-header{background:var(--bg-hover);color:var(--text-secondary);border-color:var(--border-color)}[data-theme=dark] .bom-row{border-color:var(--border-color)}[data-theme=dark] .bom-row:hover{background:var(--bg-hover)}[data-theme=dark] .bom-col strong{color:var(--text-primary)}[data-theme=dark] .divider{background:var(--border-color)}[data-theme=dark] .row-actions{background:transparent}[data-theme=dark] .page p{color:var(--text-secondary)}[data-theme=dark] .overlay-card{background:var(--bg-card);border-color:var(--border-color);box-shadow:var(--shadow-lg)}[data-theme=dark] .overlay-backdrop{background:#000000bf}@media(max-width:650px){.table-wrap{overflow-x:visible}.table,.table tbody{display:block;width:100%}.table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.table tbody tr{display:block;width:100%;margin-bottom:16px;border:1px solid rgba(105,114,171,.22);border-radius:12px;padding:16px;background:#fff;box-shadow:0 2px 8px #0000000d}[data-theme=dark] .table tbody tr{background:var(--bg-card);border-color:var(--border-color);box-shadow:0 2px 8px #0003}.table tbody tr:last-child{margin-bottom:0}.table td{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border:none!important;border-bottom:1px solid rgba(105,114,171,.08)!important;align-items:flex-start;text-align:left}[data-theme=dark] .table td{border-bottom-color:#7b85c126!important}.table td:first-child{padding-top:0}.table td:last-child{border-bottom:none!important;padding-bottom:0}.table td:before{content:attr(data-label);font-weight:600;font-size:12px;color:#6972ab;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .table td:before{color:#9ea8d8}.table td.right{display:flex;grid-column:1 / -1;padding-top:16px;margin-top:8px;border-top:1px solid rgba(105,114,171,.15)!important;border-bottom:none!important}[data-theme=dark] .table td.right{border-top-color:#7b85c133!important}.table td.right:before{display:none}.row-actions{justify-content:center;width:100%;gap:12px}.icon-btn{width:44px;height:44px}.filter-bar{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.filter-group{flex-direction:column;align-items:stretch;gap:8px}.filter-select{width:100%;min-width:auto}.page-head{flex-direction:column;gap:12px;align-items:stretch}.page-head .btn{width:100%;justify-content:center}.page-head h1{font-size:24px}}@media(max-width:375px){.table td{grid-template-columns:95px 1fr;gap:10px;font-size:14px}.table td:before{font-size:11px}.icon-btn{width:42px;height:42px}.row-actions{gap:10px}.page-head h1{font-size:20px}.table tbody tr{padding:14px}}:root{--brand-primary: #6972ab;--brand-accent: #9e3358;--brand-ink: rgba(0, 0, 0, .82);--tip-bg: #088395;--danger-red: #d73535}.raw-materials-page .btn.btn-solid{background:var(--brand-primary);background-image:none;color:#fff;border:1px solid var(--brand-primary)}.raw-materials-page .btn.btn-solid:hover{filter:brightness(.96);background:var(--brand-accent);border:1px solid var(--brand-accent)}.raw-materials-page .table.table-brand{border-radius:14px;overflow:hidden;border:1px solid rgba(105,114,171,.22)}.raw-materials-page .table.table-brand thead th{background:#6972ab1f;color:var(--brand-primary);border-bottom:1px solid rgba(105,114,171,.22)}.raw-materials-page .table.table-brand th+th,.raw-materials-page .table.table-brand td+td{border-left:1px solid rgba(105,114,171,.12)}.raw-materials-page .table.table-brand tbody td{border-bottom:1px solid rgba(105,114,171,.12)}.raw-materials-page .table.table-brand tbody tr:last-child td{border-bottom:none}.raw-materials-page .table.table-brand tbody tr td{transition:all .15s ease-in-out}.raw-materials-page .table.table-brand tbody tr:hover td{background:#6972ab0f}.production-page{display:grid;gap:20px}.btn-refresh{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;border:2px solid rgba(105,114,171,.25);background:transparent;color:#6972ab;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.btn-refresh:hover{background:#6972ab1a;border-color:#6972ab;transform:translateY(-1px)}.btn-refresh:active{transform:translateY(0)}[data-theme=dark] .btn-refresh{border-color:#7b85c14d;color:#b4a5d4}[data-theme=dark] .btn-refresh:hover{background:#7b85c126;border-color:#7b85c1;color:#d4c5f0}.production-summary-card{background:linear-gradient(135deg,#6972ab,#9e3358);border-radius:20px;padding:36px;color:#fff;box-shadow:0 8px 24px #6972ab59,0 2px 6px #0000001a;text-align:center;position:relative;overflow:hidden}.production-summary-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5) 50%,transparent)}[data-theme=dark] .production-summary-card{background:linear-gradient(135deg,#7b85c1,#b4436e);box-shadow:0 8px 24px #7b85c166,0 4px 12px #b4436e4d}.summary-label{font-size:14px;text-transform:uppercase;letter-spacing:1.5px;opacity:.9;margin-bottom:12px;font-weight:700}.summary-value{font-size:48px;font-weight:800;margin-bottom:8px;letter-spacing:-1.5px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.summary-count{font-size:15px;opacity:.9;font-weight:500}.production-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.production-card{background:#fff;border:2px solid rgba(105,114,171,.12);border-radius:16px;padding:0;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px #6972ab14,0 2px 4px #0000000d;position:relative}.production-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6972ab,#9e3358);opacity:0;transition:opacity .3s ease}.production-card:hover:before{opacity:1}.production-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #6972ab2e,0 4px 8px #00000014;border-color:#6972ab40}[data-theme=dark] .production-card{background:var(--bg-card);border-color:#7b85c133;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003}[data-theme=dark] .production-card:before{background:linear-gradient(90deg,#7b85c1,#b4436e)}[data-theme=dark] .production-card:hover{box-shadow:0 12px 28px #0006,0 4px 8px #7b85c133;border-color:#7b85c159}.production-card-header{background:linear-gradient(135deg,#6972ab1f,#9e335814);padding:24px;border-bottom:2px solid rgba(105,114,171,.1)}[data-theme=dark] .production-card-header{background:linear-gradient(135deg,#7b85c126,#b4436e1a);border-bottom-color:#7b85c133}.production-code{font-size:17px;font-weight:700;color:#6972ab;margin-bottom:6px;letter-spacing:.3px}[data-theme=dark] .production-code{color:#b4a5d4}.production-name{font-size:14px;color:#64748b;font-weight:500}[data-theme=dark] .production-name{color:var(--text-secondary)}.production-card-body{padding:24px;display:grid;gap:14px}.production-metric{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#6972ab0f;border-radius:12px;border:1px solid rgba(105,114,171,.08);transition:all .2s ease}.production-metric:hover{background:#6972ab1a;border-color:#6972ab26}[data-theme=dark] .production-metric{background:#7b85c114;border-color:#7b85c11f}[data-theme=dark] .production-metric:hover{background:#7b85c11f;border-color:#7b85c133}.production-metric.highlight{background:linear-gradient(135deg,#6972ab2e,#9e33581f);border:2px solid rgba(105,114,171,.25)}[data-theme=dark] .production-metric.highlight{background:linear-gradient(135deg,#7b85c133,#b4436e26);border-color:#7b85c14d}.production-metric.highlight .metric-value{color:#6972ab;font-weight:700;font-size:19px}[data-theme=dark] .production-metric.highlight .metric-value{color:#d4c5f0}.metric-label{font-size:13px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .metric-label{color:var(--text-secondary)}.metric-value{font-size:17px;font-weight:700;color:#0f172a}[data-theme=dark] .metric-value{color:var(--text-primary)}.production-note{background:#6972ab14;border:1px solid rgba(105,114,171,.15);border-radius:14px;padding:18px 24px;margin-top:8px}[data-theme=dark] .production-note{background:#7b85c11a;border-color:#7b85c133}.production-note p{margin:0;font-size:13px;color:#64748b;line-height:1.6}[data-theme=dark] .production-note p{color:var(--text-secondary)}.production-note strong{color:#0f172a;font-weight:700}[data-theme=dark] .production-note strong{color:var(--text-primary)}@media(max-width:768px){.production-grid{grid-template-columns:1fr}.summary-value{font-size:36px}.production-summary-card{padding:28px}}.needed-materials{margin-top:8px;padding-top:16px;border-top:1px dashed rgba(105,114,171,.2)}.materials-title{font-size:11px;font-weight:700;text-transform:uppercase;color:#6972ab;margin-bottom:10px;letter-spacing:.8px;opacity:.8}[data-theme=dark] .materials-title{color:#b4a5d4}.materials-list{display:flex;flex-direction:column;gap:6px}.material-item{display:flex;justify-content:space-between;font-size:13px;color:#475569}[data-theme=dark] .material-item{color:var(--text-secondary)}.material-name{font-weight:500}.material-amount{font-weight:700;color:#1e293b}[data-theme=dark] .material-amount{color:var(--text-primary)}.profile-page{max-width:900px;margin:0 auto}.profile-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#6972ab,#9e3358);border-radius:20px;box-shadow:0 10px 30px #6972ab4d,0 1px 3px #0000001a}.profile-header-content{display:flex;align-items:center;gap:16px}.profile-header-icon{width:64px;height:64px;border-radius:50%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid rgba(255,255,255,.3)}.profile-header-text h1{margin:0;font-size:32px;font-weight:800;color:#fff;letter-spacing:-.03em}.profile-subtitle{margin:4px 0 0;font-size:15px;color:#fffc;font-weight:500}.btn-logout{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:14px;border:2px solid rgba(255,255,255,.3);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-weight:700;font-size:15px;cursor:pointer;transition:all .2s ease;font-family:Poppins,sans-serif}.btn-logout:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.profile-message{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:14px;margin-bottom:24px;font-weight:600;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-message.success{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:2px solid rgba(34,197,94,.3);color:#16a34a}.profile-message.error{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:2px solid rgba(239,68,68,.3);color:#dc2626}.profile-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #6972ab14,0 0 0 1px #6972ab1a;padding:28px;margin-bottom:24px;transition:all .3s ease}.profile-card:hover{box-shadow:0 8px 30px #6972ab1f,0 0 0 1px #6972ab26;transform:translateY(-2px)}.profile-card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(105,114,171,.1)}.profile-card-header h2{margin:0;font-size:22px;font-weight:700;background:linear-gradient(135deg,#6972ab,#9e3358);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-card-header svg{color:#6972ab}.profile-info-grid{display:grid;gap:24px}.profile-info-item{display:flex;flex-direction:column;gap:10px}.profile-info-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#6972ab;text-transform:uppercase;letter-spacing:.5px}.profile-info-label svg{color:#9e3358}.profile-info-value{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#6972ab0f;border:2px solid rgba(105,114,171,.15);border-radius:14px;font-size:16px;font-weight:600;color:#0f172a}.profile-info-edit{display:flex;flex-direction:column;gap:12px}.profile-edit-actions{display:flex;gap:10px}.btn-edit,.btn-save,.btn-cancel{padding:8px 18px;border-radius:12px;font-weight:700;font-size:14px;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif}.btn-edit{background:transparent;border:2px solid rgba(105,114,171,.25);color:#6972ab}.btn-edit:hover{background:#6972ab1a;border-color:#6972ab}.btn-save{background:linear-gradient(135deg,#6972ab,#9e3358);border:none;color:#fff}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6972ab4d}.btn-cancel{background:transparent;border:2px solid rgba(239,68,68,.25);color:#ef4444}.btn-cancel:hover{background:#ef44441a;border-color:#ef4444}.profile-form{display:flex;flex-direction:column;gap:20px}.profile-field{display:flex;flex-direction:column;gap:8px}.profile-label{font-size:13px;font-weight:700;color:#6972ab;text-transform:uppercase;letter-spacing:.5px}.profile-input{height:48px;padding:12px 16px;border-radius:14px;border:2px solid rgba(105,114,171,.2);background:#fff;color:#0f172a;outline:none;font-family:Inter,sans-serif;font-size:15px;font-weight:500;transition:all .2s ease}.profile-input::placeholder{color:#0f172a66;font-weight:400}.profile-input:focus{border-color:#6972ab;box-shadow:0 0 0 4px #6972ab26,0 4px 12px #6972ab1a;transform:translateY(-1px)}.profile-input:disabled{background:#0f172a08;cursor:not-allowed;opacity:.7}.profile-input-with-icon{position:relative;display:flex;align-items:center}.profile-input-with-icon .profile-input{width:100%;padding-right:50px}.profile-icon-btn{position:absolute;right:12px;width:36px;height:36px;border-radius:10px;border:none;background:#6972ab1a;color:#6972ab;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.profile-icon-btn:hover{background:#6972ab33}.profile-requirements{background:linear-gradient(135deg,#6972ab0a,#9e335805);border:1px solid rgba(105,114,171,.15);border-radius:14px;padding:16px}.profile-requirements-title{font-size:13px;font-weight:700;color:#6972ab;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.profile-requirements-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.profile-requirements-list li{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .2s ease}.profile-requirements-list li.ok{color:#16a34a}.profile-requirements-list li.fail{color:#0f172a66}.req-icon{width:16px;height:16px;border-radius:50%;display:inline-block;position:relative;flex-shrink:0}.profile-requirements-list li.ok .req-icon{background:#16a34a}.profile-requirements-list li.ok .req-icon:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:900}.profile-requirements-list li.fail .req-icon{background:#0f172a26;border:2px solid rgba(15,23,42,.2)}.profile-submit{padding:14px 32px;border-radius:14px;border:none;background:linear-gradient(135deg,#6972ab,#9e3358);color:#fff;font-weight:700;font-size:16px;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;box-shadow:0 4px 12px #6972ab4d,0 1px 3px #0000001a}.profile-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6972ab66,0 2px 6px #00000026}.profile-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.profile-submit:active:not(:disabled){transform:translateY(0)}@media(max-width:720px){.profile-header{flex-direction:column;align-items:flex-start}.profile-header-text h1{font-size:26px}.btn-logout{width:100%;justify-content:center}.profile-card{padding:20px}.profile-requirements-list{grid-template-columns:1fr}}[data-theme=dark] .profile-page{color:var(--text-primary)}[data-theme=dark] .profile-header{background:linear-gradient(135deg,#7b85c1,#b4436e);box-shadow:0 10px 30px #7b85c166,0 4px 12px #b4436e4d}[data-theme=dark] .profile-card{background:var(--bg-card);box-shadow:0 4px 20px #0000004d,0 0 0 1px #7b85c133}[data-theme=dark] .profile-card:hover{box-shadow:0 8px 30px #0006,0 0 0 1px #7b85c14d}[data-theme=dark] .profile-card-header{border-bottom-color:#7b85c133}[data-theme=dark] .profile-card-header h2{background:linear-gradient(135deg,#7b85c1,#b4436e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .profile-card-header svg{color:#7b85c1}[data-theme=dark] .profile-info-label{color:#b4a5d4}[data-theme=dark] .profile-info-label svg{color:#b4436e}[data-theme=dark] .profile-label{color:#b4a5d4}[data-theme=dark] .profile-info-value{background:#7b85c11a;border-color:#7b85c140;color:var(--text-primary)}[data-theme=dark] .profile-input{background:var(--bg-secondary);border-color:#7b85c140;color:var(--text-primary)}[data-theme=dark] .profile-input::placeholder{color:var(--text-tertiary)}[data-theme=dark] .profile-input:focus{border-color:#7b85c1;background:var(--bg-card);box-shadow:0 0 0 4px #7b85c133,0 4px 12px #7b85c126}[data-theme=dark] .profile-input:disabled{background:var(--bg-hover);opacity:.6}[data-theme=dark] .profile-icon-btn{background:#7b85c126;color:#7b85c1}[data-theme=dark] .profile-icon-btn:hover{background:#7b85c140}[data-theme=dark] .btn-edit{border-color:#7b85c14d;color:#b4a5d4;background:transparent}[data-theme=dark] .btn-edit:hover{background:#7b85c126;border-color:#7b85c1;color:#d4c5f0}[data-theme=dark] .btn-cancel{border-color:#dc26264d;color:#fca5a5;background:transparent}[data-theme=dark] .btn-cancel:hover{background:#dc262626;border-color:#dc2626}[data-theme=dark] .btn-save{background:linear-gradient(135deg,#7b85c1,#b4436e)}[data-theme=dark] .btn-save:hover{box-shadow:0 6px 16px #7b85c166}[data-theme=dark] .profile-requirements{background:#7b85c114;border-color:#7b85c133}[data-theme=dark] .profile-requirements-title{color:#b4a5d4}[data-theme=dark] .profile-requirements-list li.ok{color:#86efac}[data-theme=dark] .profile-requirements-list li.fail{color:var(--text-tertiary)}[data-theme=dark] .profile-requirements-list li.ok .req-icon{background:#16a34a}[data-theme=dark] .profile-requirements-list li.fail .req-icon{background:#9ca3af33;border-color:#9ca3af4d}[data-theme=dark] .profile-submit{background:linear-gradient(135deg,#7b85c1,#b4436e);box-shadow:0 4px 12px #7b85c166,0 1px 3px #0003}[data-theme=dark] .profile-submit:hover:not(:disabled){box-shadow:0 8px 20px #7b85c180,0 2px 6px #0000004d}[data-theme=dark] .profile-message.success{background:#22c55e26;border-color:#22c55e66;color:#86efac}[data-theme=dark] .profile-message.error{background:#ef444426;border-color:#ef444466;color:#fca5a5}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none;max-width:500px;width:90%}.toast{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:16px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 40px #6972ab40,0 4px 12px #0000001a,0 0 0 1px #6972ab1a;pointer-events:auto;animation:slideInDown .3s ease,fadeIn .3s ease;font-family:Inter,sans-serif;font-weight:600;font-size:15px;line-height:1.4;min-height:60px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.toast--success .toast-icon{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.toast--error .toast-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast--info .toast-icon{background:linear-gradient(135deg,#6972ab,#9e3358);color:#fff}.toast-message{flex:1;color:#0f172a}.toast--success{border-left:4px solid #22c55e}.toast--error{border-left:4px solid #ef4444}.toast--info{border-left:4px solid #6972ab}.toast-close{flex-shrink:0;width:28px;height:28px;border-radius:8px;border:none;background:#0f172a0d;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.toast-close:hover{background:#0f172a1a;color:#0f172a}.toast-close:active{transform:scale(.95)}@media(max-width:640px){.toast-container{top:10px;width:95%}.toast{padding:14px 16px;font-size:14px}}