@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;html,body,#root{width:100%;height:100%;margin:0;background:linear-gradient(140deg,#030b2a,#022a63 42%,#0054c7 78%,#28c6ff);overflow-x:hidden;overflow-y:hidden}#root{min-height:100vh}:root{--primary-blue: #0f6dff;--primary-blue-dark: #0a3cd1;--primary-blue-light: #6ed0ff;--primary-royal: #0049c6;--primary-royal-light: #8fdcff;--topbar-height: 56px;--bg-primary: #edf2ff;--bg-secondary: rgba(255, 255, 255, .94);--bg-hover: #cfe2ff;--bg-gradient: radial-gradient(circle at 5% 15%, rgba(40, 198, 255, .28), transparent 45%), radial-gradient(circle at 85% 0%, rgba(9, 61, 209, .35), transparent 40%), linear-gradient(130deg, #041442 0%, #043a99 45%, #0776ff 80%, #33cafe 100%);--text-primary: #03152f;--text-secondary: #0c2e66;--text-muted: #5e7aa8;--border-light: rgba(255, 255, 255, .85);--border-medium: #8bb4ff;--border-strong: #3d7dff;--shadow-sm: 0 6px 18px rgba(6, 20, 60, .18);--shadow-md: 0 18px 40px rgba(3, 32, 92, .25);--shadow-lg: 0 32px 65px rgba(2, 17, 52, .32);--shadow-hover: 0 28px 55px rgba(10, 87, 201, .4);--glass-blur: saturate(140%) blur(28px)}.dark{--bg-primary: #050914;--bg-secondary: rgba(10, 16, 33, .85);--bg-hover: rgba(32, 46, 88, .85);--bg-gradient: radial-gradient(circle at 20% 20%, rgba(37, 99, 235, .35), transparent 45%), radial-gradient(circle at 80% 0%, rgba(88, 166, 255, .5), transparent 45%), #030712;--text-primary: #f3f6ff;--text-secondary: #d2ddff;--text-muted: #8ea2d1;--border-light: rgba(88, 166, 255, .25);--border-medium: rgba(88, 166, 255, .45);--border-strong: rgba(147, 197, 253, .7);--primary-blue: #7bb2ff;--primary-blue-dark: #2f7df4;--primary-blue-light: #a8cfff;--primary-royal: #4080ff;--primary-royal-light: #79c0ff;--shadow-sm: 0 12px 22px rgba(1, 4, 9, .55);--shadow-md: 0 18px 40px rgba(0, 12, 33, .6);--shadow-lg: 0 30px 55px rgba(0, 10, 28, .72);--shadow-hover: 0 36px 70px rgba(1, 12, 39, .85);--glass-blur: saturate(180%) blur(28px)}body{color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(104,214,255,.22),transparent 60%),radial-gradient(circle at 80% 0%,rgba(6,52,161,.4),transparent 50%);opacity:.75;z-index:-1}.card-simple{background:linear-gradient(155deg,#fffffffa,#d5e5ffd9);border-radius:.75rem;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:box-shadow .25s ease,transform .25s ease}.card-simple:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px) scale(1.01)}.glass-panel{background:linear-gradient(165deg,#fffc,#dce7fff2);border:1px solid rgba(255,255,255,.85);border-radius:1rem;box-shadow:var(--shadow-md);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}aside .glass-panel{background:linear-gradient(180deg,#fffffff2,#e6f0ffeb);border-color:#a0bbff73}.dark aside .glass-panel{background:#050a1ad9;border:1px solid var(--border-medium)}.btn-blue,.btn-royal{background:linear-gradient(120deg,#0a3cd1,#0f6dff 60%,#33cafe);color:#fff;border:none;border-radius:999px;padding:.55rem 1.25rem;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 18px 45px #0f6dff73;transition:box-shadow .25s ease,transform .25s ease}.btn-blue:hover,.btn-royal:hover{box-shadow:0 30px 70px #0a3cd18c;transform:translateY(-2px)}.btn-blue:active,.btn-royal:active{transform:translateY(0);box-shadow:0 18px 45px #0a3cd159}.btn-ghost:hover{box-shadow:0 15px 35px #395da633;transform:translateY(-2px)}.dark .btn-ghost{background:#0d111ad9;border-color:var(--border-medium);color:var(--text-secondary)}.dark .btn-ghost:hover{box-shadow:0 25px 45px #010409bf}.input-simple,.input-cyber{background:linear-gradient(120deg,#fffffffa,#e5eeffeb);border:1.5px solid rgba(32,87,214,.45);color:var(--text-primary);border-radius:.8rem;padding:.7rem .95rem;font-size:.92rem;width:100%;box-shadow:inset 0 1px 3px #ffffffe6,0 22px 45px #17337b1f;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease,transform .2s ease}.input-simple:focus,.input-cyber:focus{outline:none;border-color:#2563ebd9;box-shadow:0 0 0 2px #2563eb59,0 28px 55px #2563eb40;background:#fff;transform:translateY(-1px)}.input-simple::placeholder,.input-cyber::placeholder{color:var(--text-muted)}select.input-simple,select.input-cyber{cursor:pointer}textarea.input-simple,textarea.input-cyber{resize:vertical;min-height:100px}.dark .input-simple,.dark .input-cyber{background:#080d1ce6;border-color:#93c5fd66;color:var(--text-primary);box-shadow:inset 0 1px 2px #010409bf,0 22px 45px #000514a6}.dark .input-simple:focus,.dark .input-cyber:focus{border-color:#93c5fde6;box-shadow:0 0 0 2px #58a6ff73,0 28px 55px #060b19bf}.dark .input-simple::placeholder,.dark .input-cyber::placeholder{color:var(--text-muted)}.label-style{display:block;margin-bottom:.2rem;font-size:.8rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.dark .label-style{color:var(--text-primary)}.input-style{width:100%;padding:.65rem .9rem;border-radius:.75rem;background:linear-gradient(120deg,#fffffffa,#e5eeffeb);border:1px solid rgba(32,87,214,.45);color:var(--text-primary);transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px 3px #fffc,0 18px 35px #17337b1f;resize:none}input[type=text],input[type=number],input[type=email],input[type=password],input[type=tel],input[type=search],input[type=date],input[type=time],textarea,.input-style,.input-cyber{caret-color:var(--primary-royal);cursor:text}.input-style:focus{outline:none;border-color:#2563ebd9;box-shadow:0 0 0 2px #2563eb59,0 25px 55px #2563eb33;background:#fff}.dark .input-style{background:#080d1cd9;border-color:#58a6ff8c;color:var(--text-primary)}.dark .input-style:focus{border-color:#93c5fde6;box-shadow:0 25px 45px #060b19a6}.input-style:disabled{opacity:.7;cursor:not-allowed}.sale-value-field{background:linear-gradient(120deg,#fffffff2,#e7efffeb);border:1px solid rgba(37,99,235,.35);color:#0f1f4f;font-weight:700;font-size:1.25rem;letter-spacing:.01em;box-shadow:0 18px 35px #1f44b52e}.sale-value-field:focus{border-color:#2563eb8c;box-shadow:0 25px 55px #2563eb47}.dark .sale-value-field{background:linear-gradient(140deg,#050b1cf2,#0b132ee6);border:1px solid rgba(88,166,255,.35);color:var(--primary-royal-light);box-shadow:0 25px 45px #010614b3}.btn-base{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:999px;transition:transform .2s,box-shadow .2s,background .2s}.btn-base:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(120deg,#2563ff,#5b8bff);color:#fff;box-shadow:0 22px 45px #2563ff59}.btn-primary:hover{box-shadow:0 32px 55px #2563ff80}.btn-secondary{background:#fffc;border:1px solid rgba(255,255,255,.6);color:var(--text-secondary)}.btn-secondary:hover{background:#fffffff2;box-shadow:0 12px 30px #2d4b912e}.dark .btn-secondary{background:#0a1021d9;border-color:var(--border-medium);color:var(--text-primary)}.dark .btn-secondary:hover{background:#0d1328f2}.btn-whatsapp{background:linear-gradient(125deg,#25d366,#008f5d);color:#fff;box-shadow:0 25px 55px #128c7e59}.btn-whatsapp:hover{box-shadow:0 30px 60px #128c7e73}.table-simple{border-collapse:separate;border-spacing:0;width:100%;background:#ffffffd9;border-radius:.75rem;box-shadow:0 15px 40px #1f3e851a;overflow:hidden}.table-simple thead th{background:linear-gradient(135deg,#e9f0fff2,#ccdffff2);color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;padding:.65rem .85rem;border-bottom:1px solid rgba(180,206,255,.6)}.app-shell{height:100vh;width:100%;background:var(--bg-gradient);background-attachment:fixed;overflow:hidden}.app-content{flex:1;min-height:0;display:flex;flex-direction:column}.app-main-scroll{flex:1;min-height:0;overflow-y:auto}.app-topbar{position:sticky;top:0;width:100%;height:var(--topbar-height);background:#f8fafcf2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:visible;border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 12px 28px #0f172a1f;z-index:30}.dark .app-topbar{background:#020617f0;border-color:#94a3b82e;box-shadow:0 18px 36px #020617a6}.app-menubar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:var(--topbar-height);gap:24px;width:100%;position:relative}.menu-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1}.menu-brand{display:flex;align-items:center;gap:12px;padding-right:16px;margin-right:8px;border-right:1px solid rgba(15,23,42,.08);flex-shrink:0}.menu-brand__logo{width:36px;height:36px;border-radius:12px;object-fit:cover;box-shadow:0 6px 16px #0f172a26}.menu-brand__titles{display:flex;flex-direction:column;line-height:1.1}.menu-brand__name{font-size:.95rem;font-weight:600;color:#0f172a}.menu-brand__version{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#475569}.dark .menu-brand{border-color:#94a3b840}.dark .menu-brand__name{color:#f1f5f9}.dark .menu-brand__version{color:#94a3b8}.menu-root{display:flex;align-items:center;justify-content:flex-start;gap:8px;overflow-x:auto;overflow-y:visible;font-size:.92rem;font-weight:600}.menu-item-wrapper{position:relative;overflow:visible}.menu-item{height:var(--topbar-height);padding:0 12px;border:none;background:transparent;color:#334155;font-weight:600;font-size:.92rem;cursor:pointer;border-radius:6px;transition:background-color .15s ease,color .15s ease}.menu-item:hover{background-color:#0f172a0f}.menu-item:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.menu-item--active{color:#1d4ed8}.dark .menu-item{color:#f1f5f9}.dark .menu-item:hover{background-color:#94a3b826}.dark .menu-item--active{color:#93c5fd}.menu-status-area{display:flex;align-items:center;gap:16px}.session-trigger{width:38px;height:38px;border-radius:18px;border:1px solid rgba(15,23,42,.1);background:linear-gradient(135deg,#fff,#f1f5fb);box-shadow:0 6px 18px #0f172a26;display:flex;align-items:center;justify-content:center;color:#0f172a;transition:transform .15s ease,box-shadow .15s ease}.dark .session-trigger{border-color:#94a3b859;background:linear-gradient(135deg,#0f172af2,#1e293bf2);color:#e2e8f0;box-shadow:0 8px 20px #020617a6}.session-trigger:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a33}.session-trigger:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.session-menu{position:absolute;right:0;top:calc(100% + 8px);width:220px;background:#fffffffa;border-radius:18px;border:1px solid rgba(15,23,42,.08);box-shadow:0 20px 50px #0f172a24;padding:8px;display:flex;flex-direction:column;gap:6px;z-index:1600}.dark .session-menu{background:#0f172afa;border-color:#94a3b840;box-shadow:0 25px 55px #020617cc}.session-menu-user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:14px;background:#f8fafce6;border:1px solid rgba(15,23,42,.05);margin-bottom:2px}.dark .session-menu-user{background:#0f172abf;border-color:#94a3b84d}.session-menu-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.08em}.session-menu-meta{display:flex;flex-direction:column;line-height:1.1}.session-menu-name{font-size:.9rem;font-weight:600;color:#0f172a}.session-menu-role{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#64748b}.dark .session-menu-name{color:#f8fafc}.dark .session-menu-role{color:#cbd5f5}.session-menu-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .15s ease;color:#0f172a}.session-menu-item:hover{background:#0f172a0f}.session-menu-item--danger:hover{background:#ef444414}.session-menu-title{font-size:.9rem;font-weight:600}.session-menu-subtitle{font-size:.75rem;color:#64748b}.dark .session-menu-item{color:#e2e8f0}.dark .session-menu-item:hover{background:#94a3b826}.dark .session-menu-item--danger:hover{background:#ef444433}.dark .session-menu-subtitle{color:#94a3b8}.status-pill{display:inline-flex;align-items:center;gap:12px;padding:6px 14px;border-radius:999px;border:1px solid rgba(15,23,42,.08);background:#ffffffd9;box-shadow:0 4px 12px #0f172a14}.dark .status-pill{border-color:#94a3b859;background:#0f172acc;box-shadow:0 10px 24px #0206178c}.status-indicator{width:12px;height:12px;border-radius:50%;background:#ef4444;box-shadow:0 0 12px #ef444473}.status-indicator--ok{background:#22c55e;box-shadow:0 0 12px #22c55e80}.status-copy{display:flex;flex-direction:column;line-height:1.15}.status-heading{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:#475569}.status-state{font-size:.9rem;font-weight:400;color:#0f172a;display:inline-flex;align-items:center;gap:6px}.dark .status-heading{color:#cbd5f5}.dark .status-state{color:#f8fafc}.status-icon{width:16px;height:16px}.status-icon--ok{color:#1d4ed8}.status-icon--error{color:#ef4444}.dark .status-icon--ok{color:#93c5fd}.dark .status-icon--error{color:#fca5a5}.submenu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none}.submenu-panel{position:absolute;top:48px;left:0;width:240px;background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.12);border-radius:10px;box-shadow:0 12px 30px #0f172a26;z-index:45;pointer-events:auto}.dark .submenu-panel{background:#0f172a;color:#e2e8f0;border-color:#94a3b859;box-shadow:0 18px 32px #00000073}.submenu-nested{top:0;left:100%;margin-left:4px}.submenu-list{list-style:none;margin:0;padding:4px 0}.submenu-item{position:relative}.submenu-entry{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 14px;border:none;background:transparent;cursor:pointer;font-size:.9rem;color:inherit;transition:background-color .15s ease}.submenu-entry:hover{background-color:#0f172a14}.submenu-entry:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}.submenu-entry--active{font-weight:600;background-color:#2563eb1a}.dark .submenu-entry:hover{background-color:#94a3b82e}.dark .submenu-entry--active{background-color:#2563eb40}.app-view-header{display:flex;align-items:center;gap:1.5rem;padding:.5rem 0}.app-view-header__logo{width:96px;height:96px;border-radius:24px;background:linear-gradient(145deg,#fffffff2,#edf2ffe6);border:1px solid rgba(148,163,184,.35);display:flex;align-items:center;justify-content:center;padding:.5rem}.app-view-header__logo img{max-height:80px;max-width:100%;object-fit:contain}.app-view-header__titles{display:flex;flex-direction:column;gap:.35rem}.app-view-header__company{font-size:.85rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:#f5fbff}.app-view-header__title{font-size:clamp(1.5rem,2vw,2.5rem);font-weight:700;color:#b6ddff}.app-view-header__subtitle{font-size:1rem;color:#fff}.dark .app-view-header__logo{background:#0f172ad9;border-color:#5eead433}.dark .app-view-header__company{color:#f5fbff}.dark .app-view-header__title{color:#b6ddff}.dark .app-view-header__subtitle{color:#fff}.service-order-shell,.service-order-scroll{width:100%}.os-tab-strip,.os-status-strip{gap:.75rem}@media(max-height:820px){.service-order-shell{display:flex;flex-direction:column;min-height:0}.service-order-scroll{max-height:calc(100vh - 140px);overflow-y:auto;padding-right:.75rem;margin-right:-.75rem;min-height:0}}@media(max-width:1280px){.os-tab-strip,.os-status-strip{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.os-tab-strip::-webkit-scrollbar,.os-status-strip::-webkit-scrollbar{height:6px}.os-tab-strip::-webkit-scrollbar-thumb,.os-status-strip::-webkit-scrollbar-thumb{background:#2463ff59;border-radius:999px}}@media(max-width:640px){.os-tab-strip,.os-status-strip{flex-direction:column;align-items:stretch;overflow:visible}}@media print{.service-order-scroll{max-height:none!important;overflow:visible!important;padding-right:0!important;margin-right:0!important}}.table-simple tbody tr{border-bottom:1px solid rgba(219,234,254,.8);transition:background .25s ease,transform .2s ease}.table-simple tbody tr:hover{background:#e2edffd9;transform:translate(4px)}.table-simple tbody td{padding:.65rem .85rem;color:var(--text-primary)}.text-glow{text-shadow:0 15px 30px rgba(36,99,255,.35)}.shadow-blue{box-shadow:0 20px 45px #294fa62e}.border-blue{border-color:var(--primary-blue)}.hover-lift{transition:box-shadow .25s ease,transform .25s ease}.hover-lift:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-in}.animate-slide-up{animation:slideUp .4s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fff6;border-radius:999px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#205bff80,#86b4ffb3);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#205bffbf,#86b4ffe6)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.dark .card-simple,.dark .glass-panel{background:linear-gradient(160deg,#030815e6,#050c1de6);border:1px solid var(--border-medium);box-shadow:var(--shadow-md)}@media(max-width:768px){.card-simple,.glass-panel,.table-simple{border-radius:1rem;box-shadow:0 12px 30px #12306926}.btn-base,.btn-blue,.btn-royal,.btn-secondary{width:100%;text-align:center}body{padding:0 .5rem}}