*{box-sizing:border-box}body{color:#13233a;background:#f5f7fb;margin:0;font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit;background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:10px}button{color:#fff;cursor:pointer;white-space:nowrap;background:#123b75;border:0;justify-content:center;align-items:center;gap:7px;font-weight:700;display:inline-flex}button:hover{filter:brightness(.95)}textarea{resize:vertical;min-height:86px}.login{background:linear-gradient(135deg,#eef4ff,#fff);place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border-radius:24px;gap:12px;width:370px;padding:32px;display:grid;box-shadow:0 24px 70px #10204022}.login h1{margin:0}.login p{color:#64748b;margin:0 0 8px}aside{color:#fff;background:#0d2c59;flex-direction:column;gap:9px;width:245px;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0}aside h2{margin:0}aside p{color:#dbeafe;margin:0 0 12px}aside button{background:#ffffff1a;justify-content:flex-start}aside button.active{color:#0d2c59;background:#fff}.content{max-width:1500px;margin-left:245px;padding:22px}.filters{z-index:5;background:#f5f7fb;grid-template-columns:24px 1fr 150px 155px 140px 140px;align-items:center;gap:10px;padding:8px 0 18px;display:grid;position:sticky;top:0}.kpis{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:16px;display:grid}.card,.panel,.visit-card{background:#fff;border:1px solid #edf1f7;border-radius:18px;padding:16px;box-shadow:0 8px 30px #10204012}.card b{font-size:31px;display:block}.card span,.hint,small{color:#64748b}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.panel h2{margin:0 0 12px;font-size:19px}.mini-row{border-top:1px solid #eef2f7;grid-template-columns:1fr 90px 100px 100px;gap:8px;padding:10px 0;display:grid}.bar{border-top:1px solid #eef2f7;grid-template-columns:1fr auto;gap:12px;padding:10px 0;display:grid}.feed{border-top:1px solid #eef2f7;grid-template-columns:110px 1fr 170px;gap:10px;padding:9px 0;display:grid}.form{gap:12px;display:grid}.row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.target{grid-template-columns:120px repeat(4,1fr);gap:10px;display:grid}.report-table{gap:0;display:grid;overflow:auto}.thead,.tr{grid-template-columns:145px 100px 1.1fr 1.1fr 110px 110px 95px;align-items:center;gap:10px;min-width:960px;display:grid}.thead{color:#64748b;background:#f8fafc;border-radius:12px;padding:10px;font-weight:800}.tr{border-bottom:1px solid #eef2f7;padding:9px 10px}.tr button{color:#123b75;background:#e8eef8;padding:8px 10px}.pill{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:12px;display:inline-flex}.pending{color:#7a5200;background:#fff2ca}.in_progress{color:#075985;background:#dff1ff}.completed{color:#166534;background:#dcfce7}.rep-hero{color:#fff;background:#123b75;border-radius:24px;margin-bottom:16px;padding:22px}.rep-hero h1{margin:0 0 14px}.big{border-radius:16px;width:100%;padding:15px 18px;font-size:17px}.alert{background:#ffffff20;border-radius:14px;align-items:center;gap:8px;padding:10px;display:flex}.compact{border-top:1px solid #eef2f7;grid-template-columns:95px 1fr auto;align-items:center;gap:8px;padding:11px 0;display:grid}.rep-list{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:14px;display:grid}.visit-card>div:first-child{justify-content:space-between;align-items:center;display:flex}.visit-card h3{margin:12px 0 4px}.note{background:#f8fafc;border-left:4px solid #123b75;border-radius:10px;padding:10px}.done{background:#ecfdf5;border-radius:10px;padding:10px}.mini .target,.mobile-form .target{grid-template-columns:1fr}.visit-open{background:#eff6ff;border-radius:14px;align-items:center;gap:8px;padding:12px;display:flex}.modal{z-index:20;background:#0f172a77;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal>div{background:#fff;border-radius:22px;width:min(760px,96vw);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 20px 70px #0005}.x{float:right;color:#111827;background:#e5e7eb;border-radius:999px;width:38px;height:38px;font-size:24px}.modal-grid{background:#f8fafc;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0;padding:12px;display:grid}.profile-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.profile,.files>div{background:#f8fafc;border:1px solid #edf2f7;border-radius:14px;gap:4px;padding:12px;display:grid}.upload{grid-template-columns:180px 1fr 1fr auto;gap:10px;margin-bottom:12px;display:grid}.files{gap:8px;display:grid}.files a{color:#123b75;align-items:center;gap:6px;font-weight:700;display:inline-flex}.users-table{gap:8px;display:grid}.userrow{background:#f8fafc;border-radius:14px;grid-template-columns:1fr 1fr 1fr 150px 80px auto auto;align-items:center;gap:8px;padding:10px;display:grid}.danger{background:#b91c1c}@media (width<=900px){aside{border-radius:0 0 22px 22px;grid-template-columns:1fr 1fr;gap:8px;width:auto;display:grid;position:static}aside h2,aside p{grid-column:1/-1}.content{margin:0;padding:14px}.filters{grid-template-columns:1fr}.filters svg{display:none}.kpis{grid-template-columns:repeat(3,1fr)}.grid,.row,.target,.upload,.mini-row,.feed,.modal-grid,.userrow{grid-template-columns:1fr}.rep-shell aside button{justify-content:center}.rep-shell .content{padding-bottom:80px}.compact{grid-template-columns:1fr}.card{padding:13px}.card b{font-size:25px}.panel{padding:14px}.report-table{font-size:13px}.thead,.tr{min-width:880px}.rep-list{grid-template-columns:1fr}.mobile-form input,.mobile-form select,.mobile-form textarea,.mobile-form button{min-height:48px;font-size:16px}}.rep-list{flex-direction:column;gap:10px;display:flex}.rep-task-row{cursor:pointer;background:#fff;border:1px solid #e6edf5;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex;box-shadow:0 4px 14px #0f172a0a}.rep-task-row div{flex-direction:column;gap:4px;min-width:0;display:flex}.rep-task-row b{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.rep-task-row small{color:#64748b;font-size:12px}.rep-task-row button{color:#fff;background:#0f766e;border:0;border-radius:10px;padding:8px 12px}.empty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:16px}.rep-modal>div{max-width:560px}.product-line{border-bottom:1px solid #eef2f7;grid-template-columns:1fr auto;gap:3px;padding:10px 0;display:grid}.product-line small{color:#64748b;grid-column:1/-1}.product-report{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.product-card{background:#fff;border:1px solid #e6edf5;border-radius:16px;padding:14px}.product-card h3{margin:0 0 8px}.product-card b{color:#0f766e}.product-card p{color:#64748b;font-size:13px}.profile em{color:#0f766e;margin-top:8px;font-size:13px;font-style:normal;display:block}.hint{color:#64748b;font-size:13px}@media (width<=760px){.rep-shell aside{z-index:10;width:100%;height:auto;padding:8px;display:flex;position:sticky;top:0;overflow-x:auto}.rep-shell aside h2,.rep-shell aside p{display:none}.rep-shell aside button{white-space:nowrap;min-width:max-content}.rep-shell{display:block}.content{padding:12px}.panel{border-radius:16px;padding:14px}.kpis{grid-template-columns:repeat(3,1fr);gap:8px}.card{padding:10px}.card b{font-size:22px}.rep-hero{padding:16px}.target{grid-template-columns:1fr}.rep-task-row{padding:11px}.modal>div{width:94vw;max-height:88vh;overflow:auto}}.locked{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:flex-start;gap:10px;margin:10px 0;padding:12px;display:flex}.locked svg{color:#123b75;flex:none}.locked div{gap:3px;display:grid}.locked span{color:#334155}.locked small{color:#64748b}.errorbox{color:#7c2d12;background:#fff7ed;border-left:4px solid #f97316;border-radius:12px;padding:12px}.warn{color:#c2410c;background:#fff7ed;border-radius:999px;margin-left:8px;padding:3px 8px;font-size:11px;font-style:normal;display:inline-block}details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:10px}details summary{cursor:pointer;color:#334155;align-items:center;gap:6px;font-weight:700;display:flex}details textarea{width:100%;margin:10px 0}.rep-modal h2{margin-top:4px}.tr em.warn{white-space:nowrap}@media (width<=760px){.rep-task-row{min-height:62px}.rep-task-row b{font-size:14px}.rep-task-row button{padding:8px 10px}.locked{font-size:14px}.rep-modal>div{padding:18px}.big{min-height:52px}.mini select,.mini input,.mini textarea{width:100%}}.readonlybox{color:#24324b;background:#f7f9fc;border:1px solid #d8dde8;border-radius:12px;padding:12px}.rep-task-row{min-height:58px}.rep-modal .note{background:#f8fafc;border-left:4px solid #335cff;border-radius:10px;padding:10px}.export-box{background:#f8fafc;border:1px solid #e6edf5;border-radius:18px;gap:14px;padding:16px;display:grid}.export-filters{grid-template-columns:repeat(4,minmax(160px,1fr));gap:12px;display:grid}.export-filters label{color:#475569;gap:6px;font-size:13px;font-weight:700;display:grid}.export-actions{flex-wrap:wrap;gap:10px;display:flex}.export-actions button{min-width:170px}.change-notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;align-items:center;gap:8px;padding:10px;font-size:13px;display:flex}.rep-modal .readonlybox{background:#f1f5f9}.note b{color:#123b75}@media (width<=760px){.export-filters{grid-template-columns:1fr}.export-actions{display:grid}.export-actions button{width:100%}}.admin-actions{flex-wrap:wrap;gap:10px;margin:0 0 16px;display:flex}.admin-actions button{min-height:44px}.success-banner{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:14px;align-items:center;gap:8px;padding:12px;font-weight:700;display:flex}.details-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:8px;margin:12px 0;padding:14px;display:grid}.details-box button{width:max-content;margin-top:8px}.edit-actions{flex-wrap:wrap;gap:10px;display:flex}.secondary{color:#123b75!important;background:#e8eef8!important}.modal .form{margin:12px 0}.modal a{color:#123b75;margin:8px 8px 0 0;font-weight:700;display:inline-flex}.note{word-break:break-word}@media (width<=760px){.admin-actions{display:grid}.details-box button{width:100%}.edit-actions{display:grid}.edit-actions button{width:100%}}:root,.theme-default{--app-bg:#f5f7fb;--primary:#123b75;--primary-dark:#0d2c59;--accent:#2563eb;--success:#10b981;--card-bg:#fff;--text:#13233a;--muted:#64748b;--border:#dbe3ef;--soft:#f8fafc;--shadow:#10204012}.theme-midnight{--app-bg:#081528;--primary:#1e3a8a;--primary-dark:#061226;--accent:#3b82f6;--success:#10b981;--card-bg:#0b1b31;--text:#eaf2ff;--muted:#9fb2cc;--border:#203657;--soft:#0f2440;--shadow:#0002}.theme-emerald{--app-bg:#f4fbf8;--primary:#059669;--primary-dark:#064e3b;--accent:#10b981;--success:#22c55e;--card-bg:#fff;--text:#102a22;--muted:#5c776e;--border:#d6eee4;--soft:#ecfdf5;--shadow:#064e3b12}.theme-purple{--app-bg:#120a24;--primary:#7c3aed;--primary-dark:#2e1065;--accent:#a855f7;--success:#10b981;--card-bg:#1a1033;--text:#f3eaff;--muted:#c7b6e3;--border:#3f2a6b;--soft:#241643;--shadow:#00000024}.admin-shell,.rep-shell{background:var(--app-bg);color:var(--text);min-height:100vh}.admin-shell .content,.rep-shell .content{background:var(--app-bg)}.admin-shell aside,.rep-shell aside{background:var(--primary-dark)}.admin-shell aside button.active,.rep-shell aside button.active{color:var(--primary-dark)}.admin-shell button,.rep-shell button{background:var(--primary)}.admin-shell input,.admin-shell select,.admin-shell textarea,.rep-shell input,.rep-shell select,.rep-shell textarea{border-color:var(--border);background:var(--card-bg);color:var(--text)}.admin-shell .card,.admin-shell .panel,.admin-shell .visit-card,.rep-shell .card,.rep-shell .panel,.rep-shell .visit-card,.admin-shell .modal>div,.rep-shell .modal>div{background:var(--card-bg);color:var(--text);border-color:var(--border);box-shadow:0 8px 30px var(--shadow)}.admin-shell .filters,.rep-shell .filters{background:var(--app-bg)}.admin-shell .card span,.admin-shell .hint,.admin-shell small,.rep-shell .card span,.rep-shell .hint,.rep-shell small{color:var(--muted)}.admin-shell .rep-hero,.rep-shell .rep-hero{background:linear-gradient(135deg,var(--primary-dark),var(--primary))}.admin-shell .note,.rep-shell .note,.admin-shell .profile,.rep-shell .profile,.admin-shell .files>div,.rep-shell .files>div,.admin-shell .thead,.rep-shell .thead,.admin-shell .details-box,.rep-shell .details-box,.admin-shell .locked,.rep-shell .locked,.admin-shell .export-box,.rep-shell .export-box{background:var(--soft);border-color:var(--border)}.admin-shell .tr,.admin-shell .mini-row,.admin-shell .bar,.admin-shell .feed,.rep-shell .tr,.rep-shell .mini-row,.rep-shell .bar,.rep-shell .feed{border-color:var(--border)}.admin-shell .tr button,.rep-shell .tr button,.admin-shell .secondary,.rep-shell .secondary{background:var(--soft)!important;color:var(--primary)!important}.admin-shell a,.rep-shell a,.admin-shell .files a,.rep-shell .files a,.admin-shell .note b,.rep-shell .note b{color:var(--accent)}.theme-box{background:#ffffff14;border:1px solid #ffffff1f;border-radius:14px;gap:7px;margin-top:auto;padding:10px;display:grid}.theme-box label{color:#dbeafe;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:800}.theme-box select{color:#0f172a;background:#fff;border:0;border-radius:10px;width:100%;padding:9px}.theme-midnight .product-card,.theme-purple .product-card{background:var(--soft);border-color:var(--border)}.theme-midnight .empty,.theme-purple .empty{background:var(--soft);border-color:var(--border);color:var(--muted)}.premium-login{color:#fff;background:radial-gradient(circle at 0 0,#3b82f633,#0000 34%),linear-gradient(135deg,#07152b,#123b75 55%,#f8fafc 55%);grid-template-columns:minmax(320px,520px) minmax(320px,420px);place-content:center;gap:28px;min-height:100vh;padding:28px;display:grid}.login-brand{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff2e;border-radius:28px;padding:38px;box-shadow:0 24px 80px #00000038}.logo-mark{background:linear-gradient(135deg,#3b82f6,#10b981);border-radius:18px;place-items:center;width:62px;height:62px;margin-bottom:18px;font-size:34px;font-weight:900;display:grid}.login-brand h1{margin:0;font-size:40px}.login-brand p{color:#dbeafe;font-size:17px}.login-points{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.login-points span{color:#eaf2ff;background:#ffffff1f;border:1px solid #ffffff29;border-radius:999px;padding:9px 12px}.login-card{color:#13233a;background:#fff;border-radius:28px;gap:14px;width:100%;padding:34px;display:grid;box-shadow:0 28px 90px #0f172a3d}.login-card h2{margin:0;font-size:28px}.login-card p{color:#64748b;margin:0 0 8px}.login-card label{color:#334155;gap:7px;font-weight:800;display:grid}.login-card input{background:#f8fafc;border:1px solid #dbe3ef;height:48px}.login-card button{background:#123b75;border-radius:14px;height:50px;font-size:16px}.login-card small{color:#64748b;text-align:center}@media (width<=860px){.premium-login{background:linear-gradient(135deg,#07152b,#123b75);grid-template-columns:1fr;padding:18px}.login-brand{display:none}.login-card{max-width:420px;margin:auto}.theme-box{grid-column:1/-1;margin-top:0}}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}body{-webkit-text-size-adjust:100%}.rep-shell .content{max-width:100%}@media (width<=760px){body{background:var(--app-bg)}.rep-shell{min-height:100svh;padding-bottom:78px;display:block}.rep-shell aside{z-index:50;width:100%;height:70px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;grid-template-columns:repeat(5,1fr);gap:4px;bottom:0;left:0;right:0;overflow:visible;box-shadow:0 -10px 30px #0f172a33;display:grid!important;position:fixed!important;top:auto!important}.rep-shell aside h2,.rep-shell aside p,.rep-shell aside .theme-box{display:none!important}.rep-shell aside button{white-space:normal;text-align:center;background:#ffffff1f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;height:56px;padding:6px 3px;font-size:11px;line-height:1.05;min-width:0!important;display:flex!important}.rep-shell aside button svg{flex:none;width:18px;height:18px}.rep-shell aside button.active{color:var(--primary-dark)!important;background:#fff!important}.rep-shell .content{width:100%;max-width:none;margin:0!important;padding:12px 12px 92px!important}.rep-shell .panel{border-radius:18px;margin-bottom:12px;padding:14px}.rep-shell .panel h2{margin-bottom:8px;font-size:18px}.rep-shell .rep-hero{border-radius:20px;margin-bottom:12px;padding:16px}.rep-shell .rep-hero h1{margin-bottom:12px;font-size:22px}.rep-shell .big{border-radius:14px;min-height:52px;font-size:16px}.rep-shell .kpis{grid-template-columns:repeat(3,1fr);gap:8px}.rep-shell .card{border-radius:15px;padding:10px}.rep-shell .card b{font-size:22px}.rep-shell .card span{font-size:12px}.rep-shell .form,.rep-shell .mobile-form{gap:10px}.rep-shell .mobile-form .target{gap:8px;grid-template-columns:1fr!important;display:grid!important}.rep-shell input,.rep-shell select,.rep-shell textarea{border-radius:12px;width:100%;min-height:46px;font-size:16px}.rep-shell textarea{min-height:92px}.rep-shell .hint{margin:0 0 8px;font-size:12px;line-height:1.35}.rep-shell .success-banner{border-radius:12px;padding:10px;font-size:13px;line-height:1.35}.rep-shell .empty{padding:12px;font-size:13px}.rep-shell .rep-task-row{border-radius:14px;min-height:58px;padding:10px 11px}.rep-shell .rep-task-row b{font-size:14px}.rep-shell .rep-task-row small{font-size:11px}.rep-shell .rep-task-row button{height:38px;padding:7px 10px;font-size:12px}.rep-shell .modal{place-items:end center;padding:10px}.rep-shell .modal>div{border-radius:22px 22px 0 0;width:100%;max-width:100%;max-height:88svh;padding:18px 14px 22px}.rep-shell .x{width:36px;height:36px;font-size:22px}.rep-shell .modal-grid{grid-template-columns:1fr;gap:6px;font-size:13px}.rep-shell .locked,.rep-shell .note,.rep-shell .done,.rep-shell .errorbox{padding:10px;font-size:13px;line-height:1.4}.rep-shell .profile-grid,.rep-shell .product-report{grid-template-columns:1fr}.rep-shell .product-card,.rep-shell .profile,.rep-shell .files>div{border-radius:14px;padding:12px}.rep-shell .upload{grid-template-columns:1fr}.rep-shell .report-table{font-size:12px}.rep-shell .thead,.rep-shell .tr{min-width:760px}}@media (width<=390px){.rep-shell aside{height:66px}.rep-shell aside button{height:52px;font-size:10px}.rep-shell aside button svg{width:17px;height:17px}.rep-shell .content{padding-left:10px!important;padding-right:10px!important}.rep-shell .rep-hero h1,.rep-shell .card b{font-size:20px}}.gps-warning{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;align-items:flex-start;gap:8px;margin:10px 0;padding:10px 12px;font-size:13px;line-height:1.35;display:flex}.gps-box{border:1px solid var(--border,#d9e2ef);background:#f8fafc;border-radius:14px;gap:8px;margin:12px 0;padding:12px;display:grid}.maplink{color:#0d3b7c;background:#e8f1ff;border-radius:10px;align-items:center;gap:6px;width:max-content;max-width:100%;padding:8px 10px;font-weight:700;text-decoration:none;display:inline-flex}.gps-missing{color:#92400e;background:#fffbeb;border-radius:10px;align-items:center;gap:6px;width:max-content;max-width:100%;padding:8px 10px;display:inline-flex}@media (width<=700px){.maplink,.gps-missing{box-sizing:border-box;width:100%}.gps-warning{font-size:12px}}.mobile-logout{display:none!important}@media (width<=760px){.rep-shell .mobile-logout{z-index:60;position:fixed;top:10px;right:12px;box-shadow:0 8px 24px #0f172a29;width:auto!important;min-width:0!important;height:38px!important;color:var(--primary-dark)!important;border:1px solid var(--border)!important;background:#fff!important;border-radius:999px!important;flex-direction:row!important;gap:6px!important;padding:8px 12px!important;font-size:13px!important;display:flex!important}.rep-shell .content{padding-top:52px!important}}