@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#e8f0fb;background:#071424;font-synthesis:none;--navy:#071424;--navy2:#0d2036;--card:#132b47;--line:#27435f;--muted:#92aac5;--cyan:#31c1dc;--green:#1fd3a2;--red:#f06478;--amber:#f2b84b}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 85% 0,#12395c 0,transparent 30%),var(--navy)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid var(--line);background:#142c47;color:#dcecff;border-radius:11px;padding:.75rem 1rem;font-weight:700}button:hover{border-color:var(--cyan);color:#fff}.primary{background:linear-gradient(135deg,#2ec0da,#28a9c6);border:0;color:#061827;box-shadow:0 10px 24px #19a6c42b}.wide{width:100%;padding:1rem}.danger{border-color:#733546;color:#ffb7c0;background:#321b2b}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong{font-family:Manrope,sans-serif}.muted,.page-head p,.hero p{color:var(--muted)}.eyebrow{font:700 .72rem Manrope;letter-spacing:.18em;color:var(--cyan);margin-bottom:.5rem}.center{min-height:100vh;display:grid;place-content:center;text-align:center;gap:1rem}.login-shell{min-height:100vh;display:grid;place-items:center;padding:2rem;background:linear-gradient(120deg,#061321e8,#0e2c48e8),url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="80" height="80"%3E%3Cpath d="M0 80L80 0" stroke="%2322435f" stroke-width="1"/%3E%3C/svg%3E')}.login-card{width:min(460px,100%);background:#102641;border:1px solid #31506e;border-radius:24px;padding:2.7rem;box-shadow:0 35px 80px #0008}.brand-mark,.logo>span{display:grid;place-items:center;background:linear-gradient(135deg,#31c1dc,#1cd6a6);color:#052033;font:800 1.2rem Manrope;border-radius:14px}.brand-mark{width:60px;height:60px;margin-bottom:1.5rem}.login-card h1{font-size:2rem;margin-bottom:.4rem}.login-card form{display:grid;gap:1rem;margin:2rem 0}label{display:grid;gap:.45rem;color:#b9cbe0;font-weight:600}input,select,textarea{width:100%;color:#f4f8ff;background:#0c2037;border:1px solid #3b5875;border-radius:10px;padding:.85rem 1rem;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #31c1dc22}input:disabled{opacity:.65}textarea{min-height:90px;resize:vertical}.password{display:flex}.password input{border-radius:10px 0 0 10px}.password button{border-radius:0 10px 10px 0}.app-shell{min-height:100vh;display:flex}aside{position:fixed;inset:0 auto 0 0;width:260px;background:#091a2d;border-right:1px solid #24415e;padding:1.25rem;display:flex;flex-direction:column;z-index:30}.logo{display:flex;align-items:center;gap:.8rem;padding:.5rem .35rem 1.5rem}.logo>span{width:44px;height:44px}.logo strong,.logo small{display:block}.logo small{color:#78a0c5;letter-spacing:.16em;font-size:.65rem}nav{display:grid;gap:.25rem}nav button{background:transparent;border:0;text-align:left;display:flex;gap:.9rem;align-items:center;color:#8da8c4;padding:.9rem}nav button span{font-size:1.2rem;width:24px;text-align:center}nav button.active{background:#16324f;color:#fff;border-left:3px solid var(--cyan)}.aside-company{margin-top:auto;border-top:1px solid #23405b;padding:1.1rem .5rem;display:grid;gap:.2rem}.aside-company small{color:var(--green);font-weight:700;font-size:.65rem}.aside-company strong{font-size:.82rem}.aside-company span{font-size:.74rem;color:var(--muted)}.workspace{margin-left:260px;width:calc(100% - 260px)}header{height:96px;border-bottom:1px solid #23405b;display:flex;align-items:center;padding:0 2rem;gap:1rem;background:#0a1b2eaa;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}header h2{margin:0}header .eyebrow{margin:0}.menu{display:none}.header-company{margin-left:auto;display:flex;align-items:center;gap:.7rem}.header-company strong,.header-company small{display:block;text-align:right}.header-company small{color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 6px #1fd3a21d}.content{padding:2rem;max-width:1680px;margin:auto}.hero,.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.6rem}.hero h1,.page-head h1{font-size:clamp(1.7rem,3vw,2.5rem);margin-bottom:.4rem}.filters{display:flex;gap:.8rem}.filters label{min-width:130px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}.metric{background:linear-gradient(145deg,#142e4c,#10243d);border:1px solid var(--line);border-radius:16px;padding:1.3rem;display:grid;gap:.35rem}.metric.cyan{background:linear-gradient(145deg,#1d79b4,#2259b2)}.metric small,.metric span{color:#9db6d0}.metric.cyan small,.metric.cyan span{color:#d5f2ff}.metric strong{font-size:1.8rem}.panel{background:#10253f;border:1px solid var(--line);border-radius:17px;padding:1.25rem}.welcome{display:flex;justify-content:space-between;align-items:center;gap:2rem}.welcome>div:first-child{max-width:780px}.signature{display:grid;gap:.25rem;border:1px solid var(--line);border-radius:14px;padding:1rem;min-width:260px}.signature.ok{border-color:#168c73;background:#0d3e3a}.signature.warn{border-color:#84652f;background:#3b311d}.signature.compact{min-width:auto}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.table-wrap{overflow:auto;max-height:65vh}table{width:100%;border-collapse:collapse;min-width:960px}th{text-align:left;color:#7fa1c4;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;background:#0b1e34;position:sticky;top:0}th,td{padding:1rem;border-bottom:1px solid #27435f}td small,td strong{display:block}.truncate{max-width:290px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;gap:.4rem}.actions button{white-space:nowrap;padding:.55rem .7rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.person-card,.product-card{position:relative;background:#112843;border:1px solid var(--line);border-radius:16px;padding:1.2rem}.person-card{display:flex;align-items:center;gap:1rem}.avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#174769;color:#69daf0;font-weight:800}.person-card h3,.person-card p{margin-bottom:.2rem}.person-card small{color:var(--muted)}.person-card .pill{margin-left:auto}.pill{display:inline-block;border-radius:999px;padding:.35rem .6rem;background:#283b51;color:#aec1d5;font-size:.68rem;font-weight:800}.pill.ok{background:#164c42;color:#7cf4d2}.product-card>small{color:var(--cyan);font-weight:700}.product-card p{color:var(--muted);min-height:45px}.product-card>div{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}.product-card>div strong{font-size:1.35rem}.product-card>div span{color:var(--muted)}.form-grid,.invoice-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.span-2{grid-column:1/-1}.check{display:flex;align-items:center;gap:.6rem}.check input{width:auto}.modal-backdrop,.blocking{position:fixed;top:0;right:0;bottom:0;left:0;background:#030a13d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:grid;place-items:center;padding:1.5rem}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#122a46;border:1px solid #3b5b79;border-radius:20px;padding:1.5rem;box-shadow:0 30px 80px #0009}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.modal-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:.5rem}.invoice-panel{max-width:980px}.invoice-form{padding:.5rem}.invoice-total{display:flex;justify-content:space-between;align-items:center;background:#091e34;padding:1rem 1.2rem;border-radius:12px}.invoice-total strong{font-size:1.6rem}.blocking-card{width:min(450px,100%);text-align:center;background:#112945;border:1px solid #3e607f;border-radius:20px;padding:2rem}.spinner{width:38px;height:38px;border:4px solid #254767;border-top-color:var(--cyan);border-radius:50%;animation:spin .8s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.loading{min-height:300px;display:grid;place-content:center;text-align:center;gap:1rem;color:var(--muted)}.empty{text-align:center;padding:3rem;color:var(--muted)}.alert{border-radius:11px;padding:.85rem 1rem}.alert.error{background:#4a1e2b;color:#ffc2ca;border:1px solid #85394d}.alert.success{background:#123f38;color:#8df6d8;border:1px solid #267863}.alert.warning{background:#3d311a;color:#ffe0a0;border:1px solid #866a2e}.settings-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.security{display:grid;align-content:start;gap:1rem}.security p{color:var(--muted)}@media(max-width:1050px){aside{transform:translate(-100%);transition:.2s}aside.open{transform:none;box-shadow:20px 0 60px #000b}.workspace{margin:0;width:100%}.menu{display:block}.metrics{grid-template-columns:1fr 1fr}.header-company{display:none}}@media(max-width:700px){header{padding:0 1rem;height:82px}.content{padding:1rem}.hero,.page-head,.welcome{align-items:stretch;flex-direction:column}.filters{width:100%}.filters label{min-width:0;flex:1}.metrics,.form-grid,.invoice-form,.settings-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.login-card{padding:1.5rem}.page-head>.primary{width:100%}.welcome .signature{width:100%}}