:root{--bg:#0a0b0e;--sidebar:#0b0d10;--panel:#121418;--panel2:#171a20;--panel3:#202329;--border:#2a2a2b;--text:#f6f4f0;--muted:#95969b;--gold:#d8b573;--goldlight:#f3d69a;--goldsub:#8f7544;--green:#55cc95;--red:#ec8787;--blue:#7bbaf7;--purple:#bda3ee;--shadow:0 18px 45px rgba(0,0,0,.2);font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.app-shell{min-height:100vh;display:flex}.sidebar{width:262px;position:fixed;top:0;bottom:0;left:0;background:linear-gradient(175deg,#101115,#0b0c0f);border-right:1px solid #24262a;display:flex;flex-direction:column;z-index:25;transition:transform .25s}.sidebar-brand{display:flex;gap:11px;align-items:center;padding:28px 24px 30px}.logo-img{width:47px;height:47px;object-fit:cover;object-position:center center;border-radius:50%;border:1px solid var(--goldsub);box-shadow:0 0 0 3px rgba(216,181,115,.06)}.brand-name{display:block;font-family:'Playfair Display',Georgia,serif;font-size:20px;line-height:1.1;letter-spacing:.4px;color:#eed7a7}.brand-tagline{display:block;font-size:9px;letter-spacing:2.5px;margin-top:5px;color:#8f866f}.side-overline{font-size:10px;color:#75777e;letter-spacing:2.2px;font-weight:700;padding:14px 27px 10px}.side-nav{padding:0 12px;display:grid;gap:5px}.nav-item{appearance:none;border:0;background:none;color:#a5a5a8;text-align:left;display:flex;align-items:center;gap:14px;padding:13px 16px;width:100%;border-radius:10px;font-size:13px;font-weight:600;transition:background .2s,color .2s;position:relative}.nav-item:hover{background:#1b1c20;color:white}.nav-item.active{background:linear-gradient(90deg,rgba(218,180,110,.17),rgba(218,180,110,.035));color:var(--goldlight)}.nav-item.active:before{content:"";width:3px;height:20px;border-radius:4px;background:var(--gold);position:absolute;left:0}.nav-item .ico{width:19px;height:19px;stroke-width:1.8}.nav-count{margin-left:auto;border-radius:6px;font-size:10px;padding:3px 6px;background:#262322;color:#c8a774}.sidebar-bottom{margin-top:auto;padding:14px 19px 24px}.local-note{border:1px solid #383329;background:#191713;border-radius:14px;padding:15px}.local-note .local-title{display:flex;align-items:center;gap:7px;color:#e4c996;font-size:12px;font-weight:800}.local-note p{font-size:11px;line-height:1.55;color:#aaa7a1;margin:8px 0 0}.side-foot{display:flex;align-items:center;justify-content:space-between;color:#666971;font-size:10px;margin:19px 4px 0}.content{min-width:0;width:calc(100% - 262px);margin-left:262px}.topbar{height:79px;border-bottom:1px solid #222428;background:rgba(12,13,16,.95);padding:0 37px;display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:12;backdrop-filter:blur(16px)}.topbar-left{display:flex;align-items:center;gap:15px;min-width:0}.page-eyebrow{font-size:10px;color:var(--goldsub);letter-spacing:2.4px;font-weight:800}.page-title{font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:23px;line-height:1.25;margin:4px 0 0}.topbar-actions{display:flex;align-items:center;gap:10px}.search-shell{position:relative}.search-shell .ico{position:absolute;left:13px;top:11px;color:#74767d;width:17px;height:17px}.search-input{padding:10px 13px 10px 39px;background:#17191d;border:1px solid #282a2f;border-radius:10px;min-width:210px;color:#eee;font-size:12px}.search-input::placeholder{color:#77787b}.circle-button{border:1px solid #35363a;background:#191a20;color:#c2c2c6;width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center}.mobile-menu{display:none}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #414045;background:#202127;color:#efeff1;padding:11px 17px;font-weight:800;font-size:12px;border-radius:10px;min-height:41px;white-space:nowrap;transition:transform .16s,background .16s}.btn:hover{transform:translateY(-1px);background:#282a30}.btn .ico{width:16px;height:16px}.btn-gold{background:linear-gradient(120deg,#b58b49,#e9cb90);color:#17110b;border-color:#d4ae69}.btn-gold:hover{background:linear-gradient(120deg,#cba564,#f0d8a7)}.btn-ghost{background:#17191d;border-color:#303137}.btn-danger{border-color:#60383a;background:rgba(194,75,75,.1);color:#f6a2a2}.btn-sm{padding:8px 11px;min-height:34px;font-size:11px}.btn-icon{width:36px;min-width:36px;height:36px;padding:0}.main{max-width:1500px;margin:auto;padding:32px 37px 54px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:30px 0 17px}.section-heading h2{font-size:17px;letter-spacing:-.3px;margin:0}.section-heading p{font-size:12px;color:var(--muted);margin:5px 0 0}.muted{color:var(--muted)}.text-gold{color:var(--gold)}.goldline{border-top:1px solid #3b3326}.hero{border:1px solid #4b3c28;background:radial-gradient(circle at 74% 8%,rgba(237,191,99,.19),transparent 33%),linear-gradient(120deg,#232019,#131518 66%);min-height:196px;border-radius:20px;padding:29px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;position:absolute;right:-120px;top:-155px;width:440px;height:440px;border:1px solid #735e3f;border-radius:50%;box-shadow:0 0 0 35px rgba(209,160,77,.03),0 0 0 76px rgba(209,160,77,.04)}.hero .eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:3px;font-size:10px;font-weight:800}.hero h2{font-family:'Playfair Display',Georgia,serif;font-size:29px;line-height:1.24;margin:10px 0 10px;letter-spacing:.1px}.hero p{max-width:480px;color:#bbb6ac;font-size:12px;line-height:1.7;margin:0 0 21px}.hero-logo{width:160px;height:160px;border-radius:50%;object-fit:cover;box-shadow:0 8px 42px #000c,0 0 0 1px #bb975c;z-index:1;margin-right:42px}.hero-buttons{display:flex;gap:9px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:22px}.metric{background:linear-gradient(135deg,#17191d,#121417);border:1px solid #2b2d31;border-radius:16px;padding:20px 20px 19px;min-height:140px}.metric-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.metric-label{font-size:12px;color:#a9a8a7;font-weight:600}.metric-icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:11px;background:#343022;color:var(--gold)}.metric-icon.green{background:#183b2a;color:var(--green)}.metric-icon.blue{background:#192d40;color:var(--blue)}.metric-icon.purple{background:#2d243d;color:var(--purple)}.metric-value{font-weight:800;font-size:26px;letter-spacing:-.6px;margin:13px 0 4px;font-variant-numeric:tabular-nums}.metric-sub{color:#777981;font-size:11px}.two-col{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);gap:18px}.panel{border:1px solid #292b30;background:#141619;border-radius:16px;overflow:hidden}.panel-head{padding:22px 23px 19px;display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h3{font-size:15px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.link-button{background:none;border:none;color:var(--gold);font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px}.tbl-wrap{width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}.data-table th{font-weight:700;letter-spacing:.5px;color:#808188;text-transform:uppercase;font-size:10px;background:#17191d;padding:14px 21px;border-top:1px solid #282a2f;border-bottom:1px solid #282a2f}.data-table td{border-bottom:1px solid #24262b;padding:14px 21px;color:#dddde0;font-size:12px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#191b1f}.table-title{color:#faf9f6;font-weight:800}.table-sub{display:block;color:#808086;font-size:10px;margin-top:4px}.status{font-weight:800;font-size:10px;display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:7px 9px;background:#252629;color:#c0bec0}.status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.status-pendiente{color:#deb86f;background:#423724}.status-comprado{color:#9fbcff;background:#232e46}.status-transito{color:#b8a2e9;background:#30263d}.status-chile{color:#7ac8dc;background:#233b40}.status-entregado{color:#7ed5a1;background:#203c2d}.status-cancelado{color:#ed9b9b;background:#412829}.status-detail{font-size:10px;color:#7e8188}.overview-chart{display:flex;align-items:center;gap:25px;padding:25px;justify-content:center}.donut{--donut-fill:0deg;flex:0 0 142px;height:142px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--gold) var(--donut-fill),#303238 var(--donut-fill));position:relative}.donut:before{content:"";position:absolute;inset:16px;background:#141619;border-radius:50%}.donut-center{position:relative;text-align:center;z-index:1}.donut-center strong{display:block;font-size:26px}.donut-center span{color:var(--muted);font-size:10px}.legend{display:grid;gap:15px;flex:1}.legend-item{display:flex;gap:8px;align-items:center;color:#aaa9ad;font-size:11px}.legend-dot{width:8px;height:8px;background:var(--gold);border-radius:50%}.legend-dot.dim{background:#62666d}.legend-count{margin-left:auto;font-weight:800;color:#f3f1ec}.empty{padding:42px 23px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;min-height:215px;justify-content:center}.empty-icon{width:48px;height:48px;display:grid;place-items:center;background:#24211c;color:#d4b47b;border:1px solid #493d29;border-radius:15px}.empty h3{margin:4px 0 0;font-size:14px}.empty p{font-size:12px;color:#888990;max-width:340px;line-height:1.6;margin:0 0 3px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px}.filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.input,.select,.textarea{display:block;background:#1a1c21;border:1px solid #35363d;color:#f5f3ee;border-radius:9px;padding:11px 12px;font-size:12px;width:100%;min-height:42px}.input::placeholder,.textarea::placeholder{color:#70737a}.filter-select{min-width:150px;width:auto}.filter-search{width:240px;max-width:100%}.filter-label{font-size:11px;font-weight:800;color:#97989d;margin-bottom:7px;display:block}.person-cell{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;min-width:34px;border-radius:9px;display:grid;place-items:center;background:#383326;color:#ebcd97;font-size:12px;font-weight:800}.product-thumb{width:42px;height:42px;border-radius:9px;object-fit:cover;border:1px solid #464039;background:#222}.product-placeholder{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #454039;border-radius:9px;background:#231e19;color:#baa174}.table-actions{display:flex;gap:5px}.icon-action{border:1px solid #3b3c41;background:#212329;color:#c8c6c4;border-radius:8px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center}.icon-action:hover{color:var(--gold);border-color:var(--goldsub)}.icon-action.danger:hover{color:var(--red);border-color:#794747}.due-amount{font-weight:800;color:#f0d090}.paid-amount{font-weight:800;color:#80d0a3}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:18px}.strip-item{background:#17191d;border:1px solid #2f3136;border-radius:13px;padding:18px 21px}.strip-item small{display:block;color:#8d8f95;font-size:11px}.strip-item strong{display:block;margin-top:9px;font-size:20px;letter-spacing:-.3px}.progress-track{height:6px;border-radius:20px;background:#33343b;overflow:hidden;margin-top:12px}.progress-bar{height:100%;border-radius:20px;background:linear-gradient(90deg,#be914a,#f0d491)}.section-note{font-size:11px;color:#8f8f94;line-height:1.6}.searchbar-inline{position:relative}.searchbar-inline .ico{position:absolute;left:12px;top:12px;width:16px;height:16px;color:#77797e}.searchbar-inline input{padding-left:36px}.customer-card{display:grid;grid-template-columns:1fr auto;gap:9px}.detail-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-card{padding:18px;border-radius:13px;border:1px solid #303137;background:#181a1e}.detail-card small{color:#9c9c9f;display:block;font-size:11px}.detail-card strong{font-size:22px;display:block;margin-top:6px}.stack{display:grid;gap:18px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.settings-section{border:1px solid #303136;background:#15171b;padding:24px;border-radius:16px}.settings-section h3{font-size:16px;margin:0 0 10px}.settings-section p{font-size:12px;color:#97989c;line-height:1.7;margin:0 0 17px}.btn-row{display:flex;flex-wrap:wrap;gap:9px}.note-warn{display:flex;align-items:flex-start;gap:10px;background:#34291b;border:1px solid #53452d;border-radius:10px;padding:14px;color:#e7c68b;font-size:12px;line-height:1.65}.note-warn .ico{flex:0 0 17px;margin-top:2px}.foot-hint{padding-top:24px;text-align:center;color:#555963;font-size:10px}.mobile-overlay{display:none}.modal-overlay{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;backdrop-filter:blur(5px)}.modal{width:min(100%,640px);max-height:min(92vh,850px);overflow-y:auto;background:#181a1f;border:1px solid #55503f;box-shadow:0 30px 100px #000b;border-radius:18px}.modal-head{position:sticky;top:0;background:#181a1f;display:flex;align-items:center;justify-content:space-between;padding:21px 25px;border-bottom:1px solid #353339;z-index:1}.modal-head h3{font-family:'Playfair Display',Georgia,serif;font-size:21px;margin:0}.modal-body{padding:22px 25px 24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-row{min-width:0}.form-row.full{grid-column:1/-1}.form-row label{display:block;color:#bfc0c3;font-size:11px;font-weight:800;margin-bottom:8px}.form-row input,.form-row textarea,.form-row select{background:#212329}.form-row .help{color:#777a81;font-size:10px;margin-top:5px;line-height:1.5}.textarea{min-height:82px;resize:vertical}.modal-footer{border-top:1px solid #33343b;padding:18px 25px;display:flex;justify-content:flex-end;gap:10px}.thumbnail-preview{width:100%;height:95px;object-fit:contain;border-radius:10px;background:#101115;border:1px solid #33363b;margin-top:9px}.image-upload{display:flex;align-items:center;gap:10px}.image-upload .input{flex:1}.detail-top{display:flex;align-items:start;gap:14px;margin-bottom:20px}.detail-cover{width:88px;height:88px;object-fit:cover;border-radius:13px;border:1px solid #6e5b35}.detail-cover.placeholder{display:grid;place-items:center;background:#2a261f;color:#c7a56a}.detail-top h3{margin:5px 0;font-size:19px}.detail-top p{color:#8f9198;font-size:12px;line-height:1.5;margin:3px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.info-item small{color:#8b8d93;font-size:10px;display:block;margin-bottom:5px}.info-item strong{font-size:12px}.divider{height:1px;background:#32343a;margin:21px 0}.payment-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #303238;gap:10px}.payment-row:last-child{border-bottom:0}.payment-meta{font-size:11px;color:#8d8e94;margin-top:4px}.modal-action-row{display:flex;gap:8px;flex-wrap:wrap}.toast{position:fixed;right:23px;bottom:23px;max-width:min(410px,calc(100vw - 46px));padding:14px 18px;border-radius:12px;background:#292d26;color:#e0efda;border:1px solid #506947;box-shadow:var(--shadow);font-size:12px;font-weight:700;z-index:99;animation:pop .2s ease}.toast.error{background:#362528;color:#f6aaaa;border-color:#74464a}@keyframes pop{from{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}}.mini-link{color:#d8bd89;font-size:12px;text-decoration:underline;text-underline-offset:3px}.hide-desktop{display:none}
@media(max-width:1200px){.metrics{grid-template-columns:repeat(2,1fr)}.main{padding:26px}.topbar{padding:0 26px}.two-col{grid-template-columns:1fr}.hero-logo{margin-right:15px}}
@media(max-width:800px){.sidebar{transform:translateX(-102%)}.sidebar.open{transform:translateX(0)}.mobile-overlay.active{display:block;position:fixed;inset:0;background:#000a;z-index:20}.content{width:100%;margin-left:0}.mobile-menu{display:flex}.topbar{height:70px}.topbar-actions .search-shell{display:none}.hero-logo{width:105px;height:105px;margin-right:0}.hero h2{font-size:24px}.main{padding:20px 20px 45px}}
@media(max-width:540px){.topbar{padding:0 15px}.main{padding:17px 13px 40px}.page-title{font-size:19px}.topbar .btn-gold{padding:10px 11px}.topbar .btn-gold .btn-label{display:none}.topbar .circle-button{width:36px;height:36px}.hero{padding:22px 20px;min-height:unset}.hero .hero-logo{display:none}.hero h2{font-size:25px}.hero p{margin-bottom:16px}.metrics{gap:9px}.metric{min-height:123px;padding:15px}.metric-value{font-size:21px}.metric-label{font-size:10px}.metric-icon{height:31px;width:31px}.metric-icon .ico{width:16px;height:16px}.metric-sub{font-size:10px}.overview-chart{flex-direction:column;align-items:stretch}.donut{flex:0 0 auto;width:150px;height:150px;margin:auto}.stat-strip{grid-template-columns:1fr}.panel-head{padding:19px 17px 15px}.data-table th,.data-table td{padding:12px 15px}.toolbar{align-items:stretch}.filters,.searchbar-inline{width:100%}.filters .filter-search,.filters .filter-select{width:100%}.section-heading{margin-top:24px}.form-grid,.detail-grid,.settings-grid,.detail-cards{grid-template-columns:1fr}.form-row.full{grid-column:auto}.modal-overlay{padding:9px}.modal{max-height:96vh}.modal-body{padding:18px}.modal-head{padding:18px}.modal-footer{padding:14px}.hero-buttons .btn{padding:9px 11px;font-size:11px}.hide-desktop{display:inline}}

/* Distrito 6.5 v1.1: contacto directo y selector de fotos */
.phone-link{color:#ebca89;font-weight:750;text-decoration:none;display:inline-flex;gap:5px;align-items:center;white-space:nowrap}
.phone-link:hover{color:#ffe0a7;text-decoration:underline;text-underline-offset:3px}
.phone-link .ico{flex-shrink:0}
.phone-small{font-size:11px;font-weight:600}
.photo-preview{margin-top:12px;min-height:132px;max-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0e0f12;border:1px dashed #665333;border-radius:12px}
.photo-preview img{max-height:208px;max-width:100%;width:auto;height:auto;object-fit:contain}
.photo-preview img[hidden],.photo-preview .photo-empty[hidden]{display:none!important}
.photo-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:20px;color:#ad996f;font-size:11px;text-align:center}
.check-photo{margin-top:12px!important;display:flex!important;align-items:center;gap:9px;color:#d3bea0!important;font-weight:600!important}
.check-photo input{width:16px;height:16px;accent-color:#c5a467}

/* Versión 2.0: alta de cliente junto con encargo, CLP con separadores */
.form-divider{display:flex;flex-direction:column;gap:5px;margin-top:2px;margin-bottom:3px;padding:13px 0 9px;border-bottom:1px solid #4a3c29;color:#e8c98a}
.form-divider b{font-size:14px}.form-divider small{color:#a4a09a;font-size:11px;line-height:1.5;font-weight:400}
.photo-feedback{font-size:11px;color:#ceb17c;line-height:1.5;min-height:12px;margin-top:9px}
input[data-money]{font-variant-numeric:tabular-nums;font-weight:650;letter-spacing:.2px}