.spinner{display:inline-block;border:2.5px solid var(--primary-soft);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite;flex:0 0 auto;vertical-align:middle}.spinner.light{border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem}.page-loader-text{color:var(--muted);font-weight:600;font-size:.95rem}.btn-spin{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.dash-loading{display:flex;justify-content:center;padding:2rem 0}.login{height:100vh;height:100dvh;width:100%;display:grid;place-items:center;padding:1.5rem;overflow:hidden;background:radial-gradient(1100px 600px at 50% -10%,var(--primary-soft),transparent 60%),var(--bg-grad)}.login-inner{width:100%;max-width:380px;display:flex;flex-direction:column;gap:1.75rem}.login-brand{text-align:center}.login-logo{display:inline-grid;place-items:center;width:64px;height:64px;font-size:2rem;border-radius:20px;background:var(--card);box-shadow:var(--shadow);margin-bottom:.9rem}.login-brand h1{font-size:1.9rem;font-weight:800;margin:0;color:var(--primary-dark);letter-spacing:-.02em}.login-sub{margin:.25rem 0 0;color:var(--muted);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1rem}.field{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:.9rem;display:grid;place-items:center;color:var(--muted);pointer-events:none}.field-icon svg{width:19px;height:19px}.field input{width:100%;height:52px;padding:0 2.9rem;border:1.5px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);font-size:16px;font-family:inherit;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:var(--muted);opacity:.75}.field input:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}.field-toggle{position:absolute;right:.5rem;width:40px;height:40px;display:grid;place-items:center;background:transparent;color:var(--muted);border-radius:10px;box-shadow:none;padding:0}.field-toggle:hover:not(:disabled){color:var(--primary-dark);background:var(--primary-soft);box-shadow:none}.field-toggle svg{width:20px;height:20px}.login-error{background:var(--danger-soft);color:var(--danger);padding:.7rem .9rem;border-radius:12px;font-size:.88rem;font-weight:600;text-align:center}.login-btn{height:52px;margin-top:.25rem;border-radius:14px;font-size:1rem;font-weight:700}@media (max-width: 480px){.login{padding:1.25rem;align-items:flex-start;padding-top:12vh}}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.order-meta-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.job-badge{font-size:.68rem;font-weight:800;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.02em}.job-badge.pending{background:var(--border);color:var(--muted)}.job-badge.master_working{background:var(--primary-soft);color:var(--primary-dark)}.job-badge.completed{background:var(--green-soft);color:var(--green)}.countdown{font-size:.72rem;font-weight:700}.countdown.ok{color:var(--muted)}.countdown.soon{color:var(--amber)}.countdown.today{color:var(--primary-dark)}.countdown.overdue{color:var(--danger)}.job-actions{display:flex;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}.job-btn{font-size:.85rem;padding:.5rem .85rem;flex:1;min-width:90px}.job-btn.view{width:100%;margin-top:.35rem;background:var(--primary)}.job-btn.edit{background:var(--primary-soft);color:var(--primary-dark);box-shadow:none}.job-btn.edit:hover:not(:disabled){background:var(--border);box-shadow:none}.job-btn.get{background:var(--primary)}.job-btn.complete{background:var(--green)}.job-btn.complete:hover:not(:disabled){background:#257a45;box-shadow:none}.order-card{gap:.65rem;padding:1.25rem;transition:transform .15s,box-shadow .15s}.order-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.order-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.order-head h3{font-size:1.05rem}.order-body strong{font-size:.98rem}.order-body p{margin:.25rem 0;font-size:.9rem}.amount{font-weight:700;color:var(--text)}.transcript{margin:.4rem 0;padding:.5rem .75rem;background:var(--primary-soft);border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;font-size:.88rem;color:var(--text)}.phone{display:inline-flex;align-items:center;gap:.3rem;font-size:.88rem;font-weight:600;color:var(--primary-dark);text-decoration:none;width:fit-content}.phone:hover{text-decoration:underline}.thumb-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.3rem}.thumb{width:64px;height:64px;object-fit:cover;border-radius:8px;border:1px solid var(--border);cursor:pointer;transition:transform .12s}.thumb:hover{transform:scale(1.05)}.file-chip{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;font-weight:600;padding:.4rem .6rem;background:var(--primary-soft);color:var(--primary-dark);border-radius:8px;text-decoration:none}.audio-preview{width:100%;margin-top:.4rem;height:38px}.empty{margin-top:1rem;text-align:center;color:var(--muted);padding:2.5rem 1rem;background:var(--card);border:1px dashed var(--border);border-radius:var(--radius)}@media (max-width: 640px){.orders-grid{grid-template-columns:1fr}}.voice-fieldset{border:1.5px dashed var(--border);border-radius:var(--radius);padding:1rem;margin:0;display:flex;flex-direction:column;gap:.8rem}.voice-fieldset legend{font-weight:700;font-size:.9rem;padding:0 .4rem;color:var(--primary-dark)}.recorder{display:flex;flex-direction:column;gap:.8rem}.mode-switch{display:flex;gap:.4rem;padding:.25rem;background:var(--primary-soft);border-radius:var(--radius-sm)}.mode-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem .6rem;font-size:.88rem;font-weight:700;background:transparent;color:var(--muted);border-radius:8px;box-shadow:none}.mode-btn svg{width:17px;height:17px}.mode-btn:hover:not(.active){color:var(--primary-dark);background:transparent;box-shadow:none}.mode-btn.active{background:var(--card);color:var(--primary-dark);box-shadow:var(--shadow-sm)}.lang-select{width:100%}.voice-block{display:flex;flex-direction:column;gap:.65rem}.record-btn,.convert-btn,.translate-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.record-btn{background:var(--primary)}.record-btn.recording{background:var(--danger);animation:pulse 1.2s infinite}.rec-dot{width:10px;height:10px;border-radius:50%;background:currentColor;display:inline-block}.record-btn .rec-dot{background:#fff}.recording-indicator{display:inline-flex;align-items:center;gap:.5rem;color:var(--danger);font-weight:700;font-size:.88rem}.recording-indicator .rec-dot{background:var(--danger);animation:blink 1s infinite}@keyframes blink{50%{opacity:.3}}.playback{display:flex;flex-direction:column;gap:.4rem;padding:.6rem;background:var(--primary-soft);border-radius:var(--radius-sm)}.clear-rec{align-self:flex-start;color:var(--danger);box-shadow:none}.clear-rec:hover:not(:disabled){background:var(--danger-soft);box-shadow:none}.convert-btn{background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%)}.convert-btn.converting{background:var(--danger);animation:pulse 1.2s infinite}.translate-row{display:flex}.translate-btn{background:var(--primary-soft);color:var(--primary-dark);box-shadow:none}.translate-btn:hover:not(:disabled){background:var(--border);box-shadow:none}.lang-tag{display:inline-block;margin-left:.5rem;padding:.12rem .5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--primary-dark);background:var(--primary-soft);border-radius:999px;vertical-align:middle}.audio-preview{width:100%;height:38px}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #e5393566}50%{opacity:.92;box-shadow:0 0 0 6px #e5393500}}.uploader{display:flex;flex-direction:column;gap:.9rem}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:1.5rem 1rem;border:2px dashed var(--border);border-radius:var(--radius);background:var(--card);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--primary);background:var(--primary-soft)}.dropzone.dragover{border-color:var(--primary);background:var(--primary-soft);transform:scale(1.01)}.dz-icon{width:32px;height:32px;color:var(--primary)}.dz-title{font-weight:700;font-size:.9rem;color:var(--text)}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:.6rem}.file-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card)}.tile-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}.tile-icon{width:100%;aspect-ratio:1;display:grid;place-items:center;font-size:1.8rem;background:var(--primary-soft);border-radius:8px}.tile-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;padding:0;display:grid;place-items:center;font-size:.7rem;border-radius:50%;background:#141e1c99;color:#fff;box-shadow:none}.tile-remove:hover:not(:disabled){background:var(--danger);box-shadow:none}.tile-name{width:100%;font-size:.72rem;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-size{font-size:.66rem;color:var(--muted)}.customer-ac{position:relative}.ac-list{position:absolute;z-index:25;top:100%;left:0;right:0;margin:.3rem 0 0;padding:.25rem;list-style:none;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);max-height:260px;overflow-y:auto}.ac-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .7rem;border-radius:8px;cursor:pointer}.ac-item.active{background:var(--primary-soft)}.ac-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ac-phone{font-size:.85rem;flex:0 0 auto}.dp-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.7rem .85rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--text);font-size:16px;font-weight:500;font-family:inherit;text-align:left;box-shadow:none}.dp-trigger:hover:not(:disabled){border-color:var(--primary);background:var(--card);box-shadow:none}.dp-trigger.empty span{color:var(--muted);opacity:.7}.dp-trigger svg{width:18px;height:18px;color:var(--muted);flex:0 0 auto}.dp-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#141e1c59;padding:1rem;animation:dp-fade .15s ease}@keyframes dp-fade{0%{opacity:0}}.dp-modal{width:340px;max-width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.1rem;animation:dp-pop .18s ease}@keyframes dp-pop{0%{transform:scale(.96);opacity:0}}.dp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem}.dp-title{font-weight:800;font-size:1rem}.dp-nav{width:34px;height:34px;display:grid;place-items:center;font-size:1.3rem;line-height:1;background:transparent;color:var(--text);border-radius:8px;box-shadow:none}.dp-nav:hover:not(:disabled){background:var(--primary-soft);color:var(--primary-dark);box-shadow:none}.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:.3rem}.dp-weekdays span{text-align:center;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-day{aspect-ratio:1;display:grid;place-items:center;font-size:.9rem;font-weight:600;background:transparent;color:var(--text);border-radius:8px;box-shadow:none;padding:0}.dp-day:hover:not(:disabled){background:var(--primary-soft);color:var(--primary-dark);box-shadow:none}.dp-day.today:not(.selected){box-shadow:inset 0 0 0 1.5px var(--primary)}.dp-day.selected{background:var(--primary);color:#fff}.dp-day:disabled{color:var(--muted);opacity:.35;cursor:not-allowed}.dp-empty{aspect-ratio:1}.dp-footer{display:flex;justify-content:space-between;margin-top:.85rem;border-top:1px solid var(--border);padding-top:.7rem}.dp-link{background:transparent;color:var(--primary-dark);font-size:.88rem;font-weight:700;padding:.35rem .6rem;box-shadow:none}.dp-link:hover{background:var(--primary-soft);box-shadow:none}.create-order-page .card{width:100%;max-width:none;box-sizing:border-box;background:none;border:none;border-radius:0;box-shadow:none;padding:0}.order-form{max-width:1100px}.order-layout{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}.order-main{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.order-side{position:sticky;top:80px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem;align-items:start}.span-2{grid-column:1 / -1}.upload-fieldset,.voice-fieldset{margin:0}.upload-fieldset legend,.voice-fieldset legend{font-weight:700;font-size:.9rem;padding:0 .4rem;color:var(--primary-dark)}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.submit-btn{min-width:200px}.step-line{font-weight:600}@media (max-width: 1024px){.order-layout{grid-template-columns:1fr}.order-side{position:static}}@media (max-width: 640px){.create-order-page{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:0 .9rem calc(5.5rem + env(safe-area-inset-bottom,0))}.order-form{max-width:none}.form-grid{grid-template-columns:1fr}.submit-btn{align-self:stretch}}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;min-width:360px}.table th,.table td{text-align:left;padding:.7rem .6rem;border-bottom:1px solid var(--border);font-size:.9rem}.table th{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.table tr:last-child td{border-bottom:none}.dashboard{gap:1.25rem}.range-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.range-tab{background:#fff;color:var(--muted);border:1px solid var(--border);padding:.45rem .9rem;font-size:.85rem;font-weight:600;box-shadow:none}.range-tab:not(.active):hover:not(:disabled){background:var(--primary-soft);color:var(--primary-dark);box-shadow:none}.range-tab.active,.range-tab.active:hover,.range-tab.active:focus{background:var(--primary);color:#fff;border-color:var(--primary)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.2rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:var(--shadow-sm)}.stat-card.primary{background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);border:none;color:#fff}.stat-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;opacity:.85}.stat-value{font-size:1.5rem;font-weight:800}.day-group{display:flex;flex-direction:column;gap:.5rem}.day-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--border);padding-bottom:.35rem}.day-head h3{font-size:1rem;margin:0}.day-subtotal{font-weight:800;color:var(--primary-dark)}.day-orders{display:flex;flex-direction:column;gap:.5rem}.dash-order{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .9rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);text-decoration:none;color:var(--text);transition:box-shadow .12s,transform .12s}.dash-order:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.dash-order-main{display:flex;flex-direction:column;min-width:0}.dash-order-main strong{font-size:.95rem}.dash-order-side{display:flex;align-items:center;gap:.5rem;flex:0 0 auto}@media (max-width: 640px){.stat-grid{grid-template-columns:1fr}.stat-card.primary{grid-column:1}.stat-value{font-size:1.3rem}}.detail-page{max-width:680px;gap:1.25rem}.back-btn{align-self:flex-start;background:transparent;color:var(--primary-dark);font-weight:700;padding:.4rem .6rem;box-shadow:none}.back-btn:hover:not(:disabled){background:var(--primary-soft);box-shadow:none}.detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.detail-head h1{margin:0}.order-no{color:var(--muted);font-size:.85rem;font-weight:600}.detail-grid{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}.detail-row{display:flex;gap:1rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-label{flex:0 0 120px;color:var(--muted);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.detail-value{flex:1;min-width:0;font-size:.95rem}.detail-value .link{color:var(--primary-dark);font-weight:700;text-decoration:none}.detail-value .link:hover{text-decoration:underline}.detail-section h3{margin:0 0 .6rem;font-size:1rem}.detail-section .audio-preview{width:100%;height:40px}.transcript{margin:0;padding:.75rem 1rem;background:var(--primary-soft);border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic}.detail-actions{display:flex;gap:.6rem;flex-wrap:wrap}.detail-actions .job-btn{flex:1;min-width:130px}@media (max-width: 640px){.detail-label{flex-basis:90px;font-size:.78rem}}.profile-card{flex-direction:row;align-items:center;gap:1rem}.avatar{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%);flex:0 0 auto}.profile-info{display:flex;flex-direction:column;gap:.35rem}.profile-info h2{margin:0;font-size:1.2rem}.profile-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--border);font-size:.92rem}.profile-row:last-of-type{border-bottom:none}.logout-btn{background:var(--danger-soft);color:var(--danger);box-shadow:none}.logout-btn:hover:not(:disabled){background:#fbd5d2;box-shadow:none}.bottom-nav{display:none}@media (max-width: 640px){.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;align-items:stretch;background:var(--card);border-top:1px solid var(--border);padding:.35rem 0 calc(.35rem + env(safe-area-inset-bottom,0));box-shadow:0 -4px 16px #141e1c14;transform:translateZ(0);will-change:transform;-webkit-transform:translateZ(0)}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:.3rem 0;text-decoration:none;color:var(--muted);font-size:.68rem;font-weight:600;transition:color .18s;-webkit-tap-highlight-color:transparent}.bn-icon{display:grid;place-items:center;width:52px;height:28px;border-radius:999px;transition:background .18s}.bn-icon svg{width:22px;height:22px;transition:stroke-width .18s,transform .18s}.bn-item.active{color:var(--primary-dark)}.bn-item.active .bn-icon{background:var(--primary-soft)}.bn-item.active .bn-icon svg{stroke-width:2.4;transform:translateY(-.5px)}.bn-item:active .bn-icon svg{transform:scale(.9)}}.header{position:sticky;top:0;z-index:20;background:#ffffffe6;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.header-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem}.brand{font-weight:800;font-size:1.2rem;text-decoration:none;color:var(--primary-dark);white-space:nowrap}.header-nav{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:flex-end;padding:0 1.25rem .75rem}.header-nav a{text-decoration:none;color:var(--text);font-weight:600;font-size:.92rem;padding:.45rem .7rem;border-radius:var(--radius-sm);transition:background .15s,color .15s}.header-nav a:hover{background:var(--primary-soft);color:var(--primary-dark)}.header-nav .user{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:.85rem;font-weight:600;text-decoration:none}.header-nav .user:hover{color:var(--primary-dark)}.menu-toggle,.menu-backdrop{display:none}@media (min-width: 641px){.header{display:none}}@media (max-width: 640px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;background:transparent;border-radius:var(--radius-sm);box-shadow:none;-webkit-tap-highlight-color:transparent}.menu-toggle:hover:not(:disabled){background:var(--primary-soft);box-shadow:none}.burger{position:relative;width:22px;height:16px;display:inline-block}.burger span{position:absolute;left:0;width:100%;height:2.5px;border-radius:2px;background:var(--primary-dark);transition:transform .25s ease,opacity .2s ease,top .25s ease}.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:6.5px}.burger span:nth-child(3){top:13px}.burger.is-open span:nth-child(1){top:6.5px;transform:rotate(45deg)}.burger.is-open span:nth-child(2){opacity:0}.burger.is-open span:nth-child(3){top:6.5px;transform:rotate(-45deg)}.header-nav{position:fixed;top:0;right:0;bottom:0;height:100dvh;width:80vw;max-width:320px;z-index:40;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0));background:var(--card);border-left:1px solid var(--border);box-shadow:-8px 0 28px #141e1c2e;transform:translate(105%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto}.header-nav.open{transform:translate(0)}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:.25rem .25rem .9rem;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.drawer-title{font-weight:800;font-size:1.15rem;color:var(--primary-dark)}.drawer-close{width:36px;height:36px;display:grid;place-items:center;font-size:1rem;background:transparent;color:var(--muted);border-radius:10px;box-shadow:none;padding:0}.drawer-close:hover:not(:disabled){background:var(--primary-soft);color:var(--primary-dark);box-shadow:none}.header-nav .user{display:flex;align-items:center;gap:.7rem;padding:.7rem .75rem;margin-bottom:.75rem;background:var(--primary-soft);border-radius:var(--radius);text-decoration:none;color:var(--text)}.user-avatar{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;font-weight:800;color:#fff;border-radius:50%;background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%)}.user-meta{display:flex;flex-direction:column;gap:.2rem;min-width:0}.user-name{font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-links{display:flex;flex-direction:column;gap:.2rem}.header-nav a{width:100%;text-align:left;padding:.85rem .9rem;font-size:1rem;font-weight:600;color:var(--text);border-radius:var(--radius-sm)}.header-nav .drawer-links a:hover{background:var(--primary-soft);color:var(--primary-dark)}.header-nav .link-btn{width:100%;text-align:center;margin-top:auto;padding:.85rem;font-size:1rem;color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm)}.menu-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:39;background:#141e1c73;animation:drawer-fade .2s ease}@keyframes drawer-fade{0%{opacity:0}}}.sidebar{display:none}@media (min-width: 641px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--border);padding:1.25rem .85rem;z-index:30}.sidebar-brand{font-weight:800;font-size:1.3rem;color:var(--primary-dark);text-decoration:none;padding:.25rem .6rem 1.25rem;white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.side-link{display:flex;align-items:center;gap:.75rem;padding:.7rem .75rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text);font-weight:600;font-size:.95rem;background:transparent;border:none;width:100%;text-align:left;cursor:pointer;box-shadow:none;transition:background .15s,color .15s}.side-link:not(.active):hover{background:var(--primary-soft);color:var(--primary-dark);box-shadow:none}.side-link.active,.side-link.active:hover{background:var(--primary);color:#fff}.side-icon{display:grid;place-items:center;flex:0 0 auto}.side-icon svg{width:20px;height:20px}.sidebar-footer{border-top:1px solid var(--border);padding-top:.75rem;display:flex;flex-direction:column;gap:.35rem}.sidebar-user{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:var(--radius-sm);text-decoration:none;color:var(--text);transition:background .15s}.sidebar-user:hover{background:var(--primary-soft)}.sidebar-avatar{width:36px;height:36px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--accent) 0%,var(--primary) 100%)}.sidebar-user-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.sidebar-user-name{font-weight:700;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-link.logout{color:var(--danger)}.side-link.logout:hover{background:var(--danger-soft);color:var(--danger)}}.topbar{display:none}@media (min-width: 641px){.topbar{position:fixed;top:0;right:0;left:240px;height:60px;z-index:25;display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:0 1.5rem;background:#fffc;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}[data-theme=dark] .topbar{background:#232231cc}.topbar-icon-btn{position:relative;width:42px;height:42px;display:grid;place-items:center;background:transparent;color:var(--text);border-radius:var(--radius-sm);box-shadow:none;padding:0}.topbar-icon-btn:hover:not(:disabled){background:var(--primary-soft);color:var(--primary-dark);box-shadow:none}.topbar-icon-btn svg{width:20px;height:20px}.notif-badge{position:absolute;top:6px;right:6px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;font-size:.65rem;font-weight:800;color:#fff;background:var(--danger);border-radius:999px}.topbar-notif{position:relative}.notif-dropdown{position:absolute;top:calc(100% + .4rem);right:0;width:280px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.notif-head{padding:.8rem 1rem;font-weight:700;font-size:.9rem;border-bottom:1px solid var(--border)}.notif-empty{padding:1.5rem 1rem;text-align:center;color:var(--muted);font-size:.9rem}.notif-list{list-style:none;margin:0;padding:.3rem;max-height:320px;overflow-y:auto}.notif-item{padding:.65rem .7rem;border-radius:var(--radius-sm);font-size:.9rem}.notif-item:hover{background:var(--primary-soft)}.topbar-logout{display:inline-flex;align-items:center;gap:.45rem;background:var(--danger-soft);color:var(--danger);font-size:.9rem;font-weight:700;padding:.5rem .9rem;box-shadow:none}.topbar-logout:hover:not(:disabled){background:var(--danger);color:#fff;box-shadow:none}.topbar-logout svg{width:18px;height:18px}}.app{min-height:100vh}.content{max-width:920px;margin:0 auto;padding:1.25rem .9rem calc(6.5rem + env(safe-area-inset-bottom,0))}.app:not(.app--authed){min-height:0}.app:not(.app--authed) .content{max-width:none;margin:0;padding:0}@media (min-width: 641px){.app--authed .content{margin-left:240px;margin-right:auto;max-width:1100px;padding:calc(60px + 1.5rem) 2.5rem 2rem}}:root{--accent: #14b8a6;--bg-grad: linear-gradient(160deg, #f6f8f8 0%, #eef2f1 100%);--card: #ffffff;--primary: #0d9488;--primary-dark: #0a6f66;--primary-soft: #e2f3f0;--text: #18222a;--muted: #6b7a82;--border: #e3eae8;--danger: #e0524b;--danger-soft: #fceae8;--green: #2e9e5b;--green-soft: #e4f6ec;--amber: #c77700;--amber-soft: #fff4e0;--radius: 14px;--radius-sm: 10px;--shadow: 0 6px 24px rgba(15, 50, 45, .08);--shadow-sm: 0 2px 8px rgba(15, 50, 45, .06);--ring: 0 0 0 3px rgba(13, 148, 136, .2)}[data-theme=dark]{--accent: #2dd4bf;--bg-grad: linear-gradient(160deg, #0f1715 0%, #131e1b 100%);--card: #1a2723;--primary: #2dd4bf;--primary-dark: #5eead4;--primary-soft: #1e332e;--text: #e7f0ed;--muted: #8fa39c;--border: #2a3a35;--danger: #ff6b66;--danger-soft: #3a2230;--green: #5fd98a;--green-soft: #163326;--amber: #ffc266;--amber-soft: #3a2f1c;--shadow: 0 6px 24px rgba(0, 0, 0, .45);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--ring: 0 0 0 3px rgba(45, 212, 191, .3)}*{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden}#root{isolation:isolate}body{font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg-grad);background-attachment:fixed;color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;touch-action:manipulation}html.no-scroll,body.no-scroll{overflow:hidden;height:100%}h1{font-size:1.5rem;margin:0 0 .25rem}h3{margin:0 0 .25rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem;box-shadow:var(--shadow-sm)}label{display:flex;flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--text);text-align:left}input,select,textarea{width:100%;padding:.7rem .85rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:16px;font-family:inherit;color:var(--text);background:var(--card);transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{resize:vertical;min-height:80px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:var(--ring)}select{background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D'14'%20height%3D'14'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'%238a87a0'%20stroke-width%3D'2.5'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%20xmlns%3D'http%3A//www.w3.org/2000/svg'%3E%3Cpolyline%20points%3D'6%209%2012%2015%2018%209'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;padding-right:2.2rem;cursor:pointer}button{cursor:pointer;border:none;border-radius:var(--radius-sm);padding:.7rem 1.1rem;font-size:.98rem;font-weight:700;font-family:inherit;background:var(--primary);color:#fff;transition:background .15s,transform .05s,box-shadow .15s}button:hover:not(:disabled){background:var(--primary-dark);box-shadow:0 4px 14px #0d948847}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.55;cursor:not-allowed}.link-btn{background:transparent;color:var(--primary-dark);padding:.45rem .7rem;font-weight:600;box-shadow:none}.link-btn:hover:not(:disabled){background:var(--primary-soft);box-shadow:none}.btn-primary{display:inline-flex;align-items:center;gap:.35rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:var(--radius-sm);padding:.6rem 1rem;font-weight:700;font-size:.92rem;box-shadow:var(--shadow-sm);transition:background .15s,box-shadow .15s}.btn-primary:hover{background:var(--primary-dark);box-shadow:0 4px 14px #0d948847}.muted{color:var(--muted)}.small{font-size:.8rem}.error{background:var(--danger-soft);color:var(--danger);padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500}.success{background:var(--green-soft);color:var(--green);padding:.65rem .85rem;border-radius:var(--radius-sm);font-size:.88rem;font-weight:500}.page{display:flex;flex-direction:column;gap:1rem}.page-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.center{min-height:70vh;display:grid;place-items:center;padding:1rem}.badge{font-size:.68rem;font-weight:800;padding:.2rem .6rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.badge.paid{background:var(--green-soft);color:var(--green)}.badge.unpaid{background:var(--danger-soft);color:var(--danger)}.badge.partial{background:var(--amber-soft);color:var(--amber)}.role-badge{font-size:.66rem;font-weight:800;padding:.15rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;margin-left:.35rem}.role-badge.superadmin{background:var(--primary-soft);color:var(--primary-dark)}.role-badge.salesperson{background:#e3f2fd;color:#1565c0}.role-badge.master{background:var(--amber-soft);color:var(--amber)}@media (max-width: 640px){.card{padding:1.25rem}h1{font-size:1.3rem}}