:root{--gold:#E0AA27;--dark-gold:#A8780B;--black:#17191D;--charcoal:#23262A;--bg:#FBFAF6;--beige:#F1EDE3;--white:#fff;--text:#676B72;--border:#DDD7CB;--green:#267039;--red:#B3261E}*{box-sizing:border-box}.sac-app{display:flex;min-height:100vh;background:var(--bg);color:var(--black);font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif}.sac-app aside{width:255px;background:var(--black);color:#fff;position:sticky;top:0;height:100vh;overflow:auto;flex:none}.brand{height:90px;display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid #34373c}.brand img{width:70px;height:48px;object-fit:contain;background:white;border-radius:7px}.brand span{font-weight:800;color:var(--gold);line-height:1.1}.brand small{font-size:10px;color:#fff;letter-spacing:1px}.sac-app nav{padding:16px 10px}.sac-app nav a{display:flex;gap:12px;align-items:center;color:#ddd;text-decoration:none;padding:11px 12px;border-radius:9px;margin:3px 0;font-size:14px}.sac-app nav a:hover,.sac-app nav a.active{background:var(--gold);color:var(--black);font-weight:700}.sac-app nav i{width:26px;height:26px;border-radius:8px;background:#34373c;display:grid;place-items:center;font-style:normal}.sac-app main{min-width:0;flex:1}.sac-app header{height:90px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:15px;padding:16px 28px;position:sticky;top:0;z-index:5}.sac-app header h1{font-size:22px;margin:0}.sac-app header small{color:var(--text)}.header-actions{margin-inline-start:auto;display:flex;gap:10px}.header-actions a,.button,.toolbar button,.report-grid button{border:1px solid var(--border);padding:9px 14px;border-radius:8px;background:white;color:var(--black);text-decoration:none;cursor:pointer}.menu-toggle{display:none;border:0;background:none;font-size:24px}.content{padding:24px;max-width:1600px;margin:auto}.welcome{background:linear-gradient(120deg,var(--black),#333840);border-radius:18px;padding:30px;color:#fff;display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative}.welcome:after{content:"SAC";position:absolute;inset-inline-end:8%;font-size:120px;font-weight:900;color:rgba(224,170,39,.08)}.welcome span{color:var(--gold);font-weight:700}.welcome h2{font-size:28px;margin:8px 0}.welcome p{color:#d8d8d8}.welcome>b{background:var(--gold);color:var(--black);font-size:42px;padding:14px 20px;border-radius:14px;text-align:center}.welcome>b small{font-size:11px;display:block}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.kpis article{background:white;border:1px solid var(--border);padding:18px;border-radius:14px;border-top:4px solid var(--gold)}.kpis article.black{border-top-color:var(--black)}.kpis article.red{border-top-color:var(--red)}.kpis article.green{border-top-color:var(--green)}.kpis small,.kpis span{display:block;color:var(--text)}.kpis strong{display:block;font-size:30px;margin:8px 0}.kpis span{font-size:12px}.grid-2{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.panel{background:white;border:1px solid var(--border);border-radius:14px;padding:20px}.panel h3{margin-top:0}.alert{display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:12px 0}.alert span{color:var(--red)}.quick{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick a{padding:18px;background:var(--beige);border-radius:10px;color:var(--black);text-decoration:none;font-weight:700}.toolbar{display:flex;gap:10px;margin-bottom:16px;align-items:center}.toolbar form{display:flex;gap:6px;flex:1}.toolbar input{max-width:420px}.toolbar input,.record-form input,.record-form select{width:100%;padding:11px;border:1px solid var(--border);border-radius:8px;background:white}.primary{background:var(--gold)!important;border-color:var(--gold)!important;font-weight:700}.table-wrap{overflow:auto;padding:0}.table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.table-wrap th,.table-wrap td{padding:13px 14px;text-align:start;border-bottom:1px solid #eee;font-size:13px}.table-wrap th{background:var(--beige);font-weight:800}.table-wrap tr:hover td{background:#fffdf6}.table-wrap button{border:0;background:transparent;color:var(--dark-gold);cursor:pointer;margin:0 3px}.table-wrap .delete-row{color:var(--red)}.empty{text-align:center;padding:35px!important;color:var(--text)}.sac-modal{width:min(760px,94vw);border:0;border-radius:16px;padding:0;box-shadow:0 30px 80px #0005}.sac-modal::backdrop{background:#0008}.record-form{padding:25px}.record-form h3{margin-top:0}.record-form .close{position:absolute;inset-inline-end:18px;top:14px;border:0;background:none;font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.record-form label{display:grid;gap:6px;font-weight:700;font-size:13px}.record-form>button.primary{margin-top:18px;padding:12px 25px;border:0;border-radius:8px}.form-message{margin-inline-start:10px}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.report-grid article span{font-size:28px;color:var(--gold)}.report-grid article p{color:var(--text)}.sac-login{max-width:430px;margin:8vh auto;background:white;border:1px solid var(--border);padding:35px;border-radius:18px;text-align:center;box-shadow:0 18px 60px #0001}.sac-login img{max-width:260px}.sac-login input{width:100%;padding:12px}.sac-login .button{background:var(--gold);border:0;font-weight:bold}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.report-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sac-app aside{position:fixed;z-index:20;inset-inline-start:-270px;transition:.25s}.sac-app.nav-open aside{inset-inline-start:0}.menu-toggle{display:block}.content{padding:14px}.sac-app header{padding:12px 14px;height:76px}.welcome{padding:22px}.welcome h2{font-size:21px}.welcome>b{display:none}.kpis,.grid-2,.report-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-wrap:wrap}.toolbar form{width:100%}.form-grid{grid-template-columns:1fr}.header-actions a:last-child{display:none}}
@media print{.sac-app aside,.sac-app header,.toolbar{display:none!important}.content{padding:0}.panel{border:0}.sac-app{display:block}}
.import-modal{width:min(620px,94vw);border:0;border-radius:16px;padding:0;box-shadow:0 30px 80px #0005}.import-modal::backdrop{background:#0008}.import-form{padding:28px}.import-form .close-import{position:absolute;inset-inline-end:18px;top:14px;border:0;background:none;font-size:28px}.import-form input[type=file]{width:100%;padding:24px;border:2px dashed var(--border);margin:15px 0}.import-form .primary{padding:12px 20px;border:0;border-radius:8px}.import-result{margin-top:15px;line-height:1.8}.report-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.report-head>div:first-child{display:grid;grid-template-columns:90px 1fr;column-gap:15px;align-items:center}.report-head img{width:90px;grid-row:1/4}.report-head h2,.report-head p{margin:2px}.report-actions{display:flex;gap:8px}.report-actions .whatsapp{background:#25D366;color:#073b1b;border-color:#25D366}.report-filters{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}.report-filters label{display:grid;gap:5px;font-size:12px;font-weight:700}.report-filters input,.report-filters select{padding:10px;border:1px solid var(--border);border-radius:8px}.report-filters button{padding:11px;border:0;border-radius:8px}.report-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:15px 0}.report-summary article{background:var(--black);color:white;padding:16px;border-radius:12px}.report-summary small{display:block;color:#ccc}.report-summary strong{display:block;font-size:22px;margin-top:5px}@media(max-width:760px){.report-head{align-items:stretch;gap:15px;flex-direction:column}.report-actions{flex-wrap:wrap}.report-filters{grid-template-columns:1fr 1fr}.report-summary{grid-template-columns:1fr}.import-modal{width:94vw}}@media print{.report-filters,.report-actions{display:none!important}.report-head{border:0}.report-table{font-size:10px}}