:root{--primary: #01af57;--primary-hover: #019a4c;--primary-soft: #e8f8f0;--primary-softer: #f2fbf6;--ink: #101828;--text: #1f2733;--muted: #667085;--page: #ffffff;--panel: #f7f8fa;--card: #ffffff;--border: #eaecef;--border-strong: #dfe3e8;--red: #d92d20;--amber: #b54708;--link: var(--primary);--radius: 12px;--shadow: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 4px 16px rgba(16, 24, 40, .08);--font-sans: "Zalando Sans SemiExpanded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--w-regular: 400;--w-medium: 500;--w-semibold: 600;--w-bold: 700}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--page);color:var(--text);font-family:var(--font-sans);font-weight:var(--w-regular);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--link);text-decoration:none}a,button,input,select,textarea,.nav-item,.nav-subitem,.btn,.card,.list-item,.quick a,.tab,.filter,.metric,.table tbody tr,.notif-item,.ss-opt,.modal,.bn-item{transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease,opacity .15s ease}.btn:active:not(:disabled),.tab:active,.filter:active,.nav-item:active,.quick a:active,.bn-item:active{transform:scale(.97)}a:focus-visible,button:focus-visible,.nav-item:focus-visible,.btn:focus-visible,.tab:focus-visible{outline:none;box-shadow:0 0 0 3px #01af5747;border-radius:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.content{animation:fadeIn .22s ease}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:16px 12px}.app-main{flex:1;min-width:0;display:flex;flex-direction:column}.content{flex:1;width:100%;max-width:860px;margin:0 auto;padding:22px 20px 40px}.content.wide{max-width:1200px}.brand-side{display:flex;align-items:center;gap:10px;padding:8px 10px 16px}.brand-logo{width:34px;height:34px;border-radius:9px;background:var(--primary);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;letter-spacing:.3px}.brand-name{font-weight:700;font-size:18px;color:var(--ink)}.nav{display:flex;flex-direction:column;gap:2px}.nav-label{font-size:11px;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);font-weight:700;padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:var(--text);font-weight:600;font-size:14px;cursor:pointer;border:none;background:none;text-align:left;width:100%}.nav-item svg{width:19px;height:19px;flex-shrink:0;color:var(--muted)}.nav-item:hover{background:var(--panel)}.nav-item.active{background:var(--primary-soft);color:var(--primary-hover)}.nav-item.active svg{color:var(--primary)}.nav-subitem{display:block;width:100%;box-sizing:border-box;padding:8px 12px 8px 42px;border-radius:10px;color:var(--muted);font-weight:600;font-size:13px;border:none;background:none;text-align:left;font-family:inherit;cursor:pointer}.nav-subitem:hover{background:var(--panel);color:var(--text)}.nav-subitem.active{color:var(--primary-hover);background:var(--primary-soft)}.sidebar-spacer{flex:1}.sidebar-user{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--border);margin-top:8px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-soft);color:var(--primary-hover);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.sidebar-user .u-name{font-weight:700;font-size:13px;color:var(--ink);line-height:1.2}.sidebar-user .u-mail{font-size:11px;color:var(--muted)}.mobile-header,.bottom-nav{display:none}@media (max-width: 820px){.sidebar{display:none}.content{padding:16px 14px 96px;max-width:100%}.content.wide{max-width:100%}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.mobile-header .brand-name{font-size:17px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:66px;background:#fff;border-top:1px solid var(--border);z-index:30;align-items:center;justify-content:space-around;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0)}.bn-item{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--muted);font-size:10.5px;font-weight:600;background:none;border:none;cursor:pointer;flex:1}.bn-item svg{width:22px;height:22px}.bn-item.active{color:var(--primary)}.fab{width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;margin-top:-26px;box-shadow:var(--shadow-md);cursor:pointer}.fab svg{width:26px;height:26px}}h1.page-title{font-size:24px;color:var(--ink);margin:6px 0 4px;font-weight:700;letter-spacing:-.01em}.subtle{color:var(--muted)}.back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:6px;color:var(--muted);font-weight:600;font-size:14px;background:none;border:none;cursor:pointer;padding:0}.back-link:hover{color:var(--ink)}.section-title{font-weight:700;color:var(--ink);font-size:15px}.eyebrow{font-size:11px;letter-spacing:.5px;color:var(--muted);font-weight:700;text-transform:uppercase}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;margin-top:14px;box-shadow:var(--shadow)}.legend{font-weight:700;color:var(--ink);font-size:15px;margin-bottom:10px}.legend small{color:var(--muted);font-weight:500}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 560px){.grid-2{grid-template-columns:1fr}}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-top:16px}.metric{background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow)}.metric .m-label{font-size:13px;color:var(--muted);font-weight:600}.metric .m-value{font-size:30px;font-weight:700;color:var(--ink);margin-top:6px;letter-spacing:-.02em}.metric .m-foot{font-size:12px;color:var(--muted);margin-top:4px}.metric .m-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.metric .m-arrow{width:30px;height:30px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);flex-shrink:0}.metric .m-arrow svg{width:15px;height:15px}.metric.feat{background:linear-gradient(140deg,#01af57,#017a3d);border-color:transparent;color:#fff;box-shadow:0 8px 24px #017a3d47}.metric.feat .m-label,.metric.feat .m-foot{color:#ffffffd9}.metric.feat .m-value{color:#fff}.metric.feat .m-arrow{border-color:#ffffff80;color:#fff;background:#ffffff1f}.trend-chip{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;background:var(--primary-soft);color:var(--primary-hover);padding:2px 7px;border-radius:20px}.metric.feat .trend-chip{background:#ffffff38;color:#fff}.card-dark{background:linear-gradient(140deg,#0b3d24,#01af57);color:#fff;border:none}.card-dark .legend,.card-dark .li-title{color:#fff}.quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:16px}.quick a{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:var(--shadow);color:inherit}.quick a:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick .q-ic{width:40px;height:40px;border-radius:11px;background:var(--primary-soft);color:var(--primary-hover);display:flex;align-items:center;justify-content:center}.quick .q-ic svg{width:20px;height:20px}.quick h3{margin:0;font-size:15px;color:var(--ink)}.quick p{margin:2px 0 0;font-size:12.5px;color:var(--muted)}.charts-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-top:16px}@media (max-width: 820px){.charts-grid{grid-template-columns:1fr}}label.field{display:block;margin-top:12px}label.field>span{display:block;font-size:13px;color:var(--text);margin-bottom:6px;font-weight:600}label.field>span small{color:var(--muted);font-weight:400}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--border-strong);border-radius:10px;font-size:14px;font-family:inherit;background:#fff;color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #01af5724}textarea{min-height:72px;resize:vertical}.hint{font-size:12px;color:var(--muted);margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;border:1px solid transparent;cursor:pointer;font-size:14px;font-weight:700;font-family:inherit}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #01af5747}.btn-green{background:var(--primary);color:#fff;width:100%;padding:13px;font-size:15px}.btn-green:hover{background:var(--primary-hover);box-shadow:0 4px 12px #01af5747}.btn-ghost{background:#fff;border-color:var(--border-strong);color:var(--ink)}.btn-ghost:hover{background:var(--panel);border-color:var(--muted)}.btn-link{background:none;border:none;color:var(--primary);cursor:pointer;font-weight:700;padding:6px 0}.btn-link:hover{color:var(--primary-hover)}.btn-danger-link{background:none;border:none;color:var(--red);cursor:pointer;font-weight:700}.btn-danger-link:hover{opacity:.75}.btn:disabled{opacity:.55;cursor:default;transform:none!important;box-shadow:none!important}.btn-block{width:100%}.row-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.errbox{background:#fff4f3;border:1px solid #fcc;color:var(--red);border-radius:10px;padding:12px 14px;margin-top:14px;font-size:13px}.errbox ul{margin:6px 0 0;padding-left:18px}.field-error{color:var(--red);font-size:12px;margin-top:5px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tab{border:1px solid var(--border-strong);background:#fff;border-radius:22px;padding:8px 15px;cursor:pointer;font-size:13px;color:var(--text);font-weight:600}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.list-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-top:10px;box-shadow:var(--shadow)}a.list-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.list-item .li-top{display:flex;justify-content:space-between;align-items:start;gap:10px}.li-title{font-weight:700;color:var(--ink)}.li-sub{color:var(--muted);font-size:13px}.li-actions{display:flex;gap:8px;margin-top:8px;align-items:center}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.2px;display:inline-block}.badge-emitido{background:var(--primary-soft);color:var(--primary-hover)}.badge-finalizado{background:#eef1f5;color:#475467}.badge-predeca{background:#fff4e5;color:#b54708}.badge-rechazado{background:#fde8e8;color:#b42318}.badge-pill{font-size:10px;letter-spacing:.5px;background:#eef1f5;color:var(--muted);padding:3px 8px;border-radius:20px;font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:50;overflow-y:auto;animation:overlayIn .15s ease}.modal{background:#fff;border-radius:16px;width:100%;max-width:540px;padding:22px;box-shadow:var(--shadow-md);animation:modalIn .18s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-head h3{margin:0;color:var(--ink);font-size:18px}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted)}.verif{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.verif img{width:128px;height:128px;border:1px solid var(--border);border-radius:10px;background:#fff}.verif .v-body h3{margin:0 0 4px;color:var(--ink)}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.success-card{max-width:460px;margin:30px auto;text-align:center;animation:fadeIn .25s ease}.success-card .check{width:56px;height:56px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 12px;animation:checkPop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.center-narrow{max-width:420px;margin:8vh auto}.footer{text-align:center;color:var(--muted);font-size:12px;padding:20px 0}.footer a{color:var(--muted);margin:0 6px}.spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted);padding:60px;font-size:13px;font-weight:600}.spinner:before{content:"";width:26px;height:26px;border-radius:50%;border:3px solid var(--primary-soft);border-top-color:var(--primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkbox-row{display:flex;align-items:flex-start;gap:10px;margin-top:14px}.checkbox-row input{width:auto;margin-top:3px}.checkbox-row label{font-size:14px}.crm-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}.crm-toolbar>input{max-width:340px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filter{border:1px solid var(--border-strong);background:#fff;border-radius:22px;padding:7px 14px;cursor:pointer;font-size:13px;font-weight:600;color:var(--text)}.filter.active{background:var(--primary);color:#fff;border-color:var(--primary)}.table-wrap{margin-top:14px;overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700;padding:12px 15px;border-bottom:1px solid var(--border);background:#fbfcfd;white-space:nowrap}.table td{padding:12px 15px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle}.table tbody tr{cursor:pointer}.table tbody tr:hover{background:var(--primary-softer)}.table tbody tr:last-child td{border-bottom:none}.only-desktop{display:none}.only-mobile{display:block}@media (min-width: 760px){.only-desktop{display:block}.only-mobile{display:none}}.ss-wrap{position:relative}.ss-ic{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--muted);pointer-events:none}.ss-input{padding-left:34px!important}.ss-menu{position:absolute;z-index:45;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-md);max-height:260px;overflow-y:auto}.ss-opt{padding:9px 12px;cursor:pointer}.ss-opt:hover,.ss-opt.sel{background:var(--primary-softer)}.ss-opt-label{font-size:14px;color:var(--ink);font-weight:600}.ss-opt-sub{font-size:12px;color:var(--muted)}.ss-empty{color:var(--muted);cursor:default}.notif-wrap{position:relative}.notif-btn{position:relative;background:none;border:none;cursor:pointer;color:var(--muted);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.notif-btn:hover{background:var(--panel);color:var(--ink)}.notif-btn svg{width:20px;height:20px}.notif-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--red);color:#fff;border-radius:20px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.notif-panel{position:absolute;right:0;top:calc(100% + 6px);width:300px;max-height:380px;overflow-y:auto;background:#fff;border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-md);z-index:60}.sidebar .notif-panel{left:0;right:auto}.notif-tabs{display:flex;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:1}.notif-tab{flex:1;background:none;border:none;padding:10px 8px;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}.notif-tab.active{color:var(--primary-hover);border-bottom-color:var(--primary)}.usearch{position:relative;margin:14px 0 18px;max-width:520px}.usearch-box{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border-strong);border-radius:12px;padding:0 12px}.usearch-box svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}.usearch-box input{border:none;outline:none;padding:11px 0;width:100%;background:none;font-family:inherit;font-size:14px}.usearch-drop{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow-md);z-index:40;max-height:360px;overflow-y:auto}.usearch-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border)}.usearch-item:last-child{border-bottom:none}.notif-head{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border)}.notif-empty{padding:16px;color:var(--muted);font-size:13px;text-align:center}.notif-item{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--border);padding:10px 12px;cursor:pointer}.notif-item:hover{background:var(--panel)}.notif-item.unread{background:var(--primary-softer)}.notif-txt{font-size:13px;color:var(--ink)}.notif-time{font-size:11px;color:var(--muted);margin-top:2px}