*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#eef4f8;color:#10253f}.app{display:flex;min-height:100vh}.sidebar{width:245px;background:linear-gradient(180deg,#1767ad,#1599a3);color:#fff;position:fixed;left:0;top:0;bottom:0;padding:18px 12px;overflow-y:auto;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:8px 10px 20px;border-bottom:1px solid #ffffff30}.brand img{width:46px;height:46px;object-fit:contain;background:#fff;border-radius:10px}.brand-mark{width:46px;height:46px;border-radius:12px;background:#fff;color:#1b60ad;display:grid;place-items:center;font-weight:800;font-size:22px}.brand strong{display:block;font-size:19px}.brand small{display:block;font-size:11px;opacity:.85;margin-top:3px}.sidebar nav{padding-top:14px}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none;padding:12px 14px;border-radius:9px;margin:4px 0;font-weight:600;font-size:14px}.sidebar nav a:hover,.sidebar nav a.active{background:#19b7b2}.nav-section{font-size:11px;font-weight:800;letter-spacing:.7px;opacity:.8;margin:20px 10px 8px}.main{margin-left:245px;width:calc(100% - 245px)}.topbar{height:70px;background:#fff;border-bottom:1px solid #dbe5ee;display:flex;align-items:center;padding:0 22px;position:sticky;top:0;z-index:10}.menu-btn{display:none;border:0;background:#e8f2fa;color:#1b60ad;border-radius:8px;padding:9px 11px;font-size:18px}.workspace{color:#60758d;font-size:14px}.userbox{margin-left:auto;display:flex;align-items:center;gap:10px}.userbox small{display:block;color:#758aa0;font-size:10px}.userbox a{color:#1b60ad;text-decoration:none;font-size:13px}.userbox .logout{color:#d6464d}.avatar{width:36px;height:36px;border-radius:50%;background:#1485a8;color:#fff;display:grid;place-items:center;font-weight:800}.content{padding:24px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.page-head h1{margin:0 0 5px;font-size:28px}.page-head p{margin:0;color:#6d8198}.btn{border:0;border-radius:8px;padding:10px 15px;text-decoration:none;display:inline-block;font-weight:700;cursor:pointer;font-size:14px}.btn.primary{background:#1b60ad;color:#fff}.btn.teal{background:#1599a3;color:#fff}.btn.light{background:#eaf2f8;color:#1b60ad}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.kpi{background:#fff;border:1px solid #dce7ef;border-radius:13px;padding:18px;display:flex;gap:14px;align-items:center;box-shadow:0 2px 8px #18344b0b}.kpi small{display:block;color:#62768d}.kpi b{display:block;font-size:25px;margin-top:5px}.ico{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-weight:800}.ico.blue{background:#e6f1ff;color:#1b60ad}.ico.teal{background:#e1faf7;color:#1599a3}.ico.soft{background:#eff6ff;color:#5078a3}.ico.amber{background:#fff4d9;color:#c18700}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-bottom:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.card{background:#fff;border:1px solid #dce7ef;border-radius:13px;padding:16px;box-shadow:0 2px 8px #18344b0b;margin-bottom:14px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-head h3{margin:0 0 4px}.card-head small{color:#7a8ca0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:750px}th,td{padding:12px 10px;border-bottom:1px solid #e3ebf1;text-align:left;font-size:13px}th{background:#f2f7fb;color:#294968;font-size:12px}.actions{display:flex;gap:6px;align-items:center}.actions form{margin:0}.mini{border:0;background:#eaf2fb;color:#1b60ad;text-decoration:none;padding:7px 10px;border-radius:7px;font-size:12px;cursor:pointer}.mini.edit{background:#e3faf6;color:#13867f}.mini.danger{background:#fff0f0;color:#c6383e}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:10px;margin-bottom:15px}.filters input,.filters select,input,textarea,select{width:100%;border:1px solid #ccd9e4;border-radius:8px;padding:10px 11px;background:#fff;color:#16324e}.form-card{max-width:980px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.full{grid-column:1/-1}.form-actions{display:flex;gap:10px;margin-top:18px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.details-grid>div{background:#f6f9fc;border-radius:9px;padding:14px}.details-grid small{display:block;color:#72869a;margin-bottom:6px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{border-radius:10px;padding:16px;text-align:center;color:#fff;text-decoration:none;font-size:20px}.quick span{display:block;font-size:12px;margin-top:6px;font-weight:700}.quick.blue{background:#1b60ad}.quick.teal{background:#1599a3}.bars{padding:10px}.bar-row{display:grid;grid-template-columns:110px 1fr 40px;gap:10px;align-items:center;margin:12px 0;font-size:13px}.bar{height:10px;background:#e8eef4;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#1b60ad,#1599a3);border-radius:20px}.empty{text-align:center;color:#8798aa;padding:28px}.alert{padding:12px 14px;border-radius:9px;margin-bottom:15px}.alert.success{background:#e8fff5;color:#11785a}.alert.error{background:#fff0f0;color:#b7353b}.note{background:#edf7ff;border-left:4px solid #1b60ad;padding:14px;border-radius:8px}.login-body{min-height:100vh;background:linear-gradient(135deg,#165fa9,#1599a3);display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:420px;background:#fff;padding:32px;border-radius:18px;box-shadow:0 25px 60px #092d4d55}.login-card h1{text-align:center;margin-bottom:3px}.login-card>p{text-align:center;color:#70859b;margin-top:0;margin-bottom:22px}.login-card label{display:block;font-weight:700;font-size:13px;margin:11px 0 7px}.login-logo{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#1b60ad,#1599a3);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:800;margin:auto}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.details-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.menu-btn{display:block;margin-right:12px}.content{padding:16px}.userbox>div:nth-child(2){display:none}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}
@media(max-width:600px){.kpis{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.details-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.topbar{padding:0 12px}.content{padding:12px}.userbox a:not(.logout){display:none}.page-head h1{font-size:23px}}

.head-actions{display:flex;gap:8px;flex-wrap:wrap}.excel-import{display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}.excel-import label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}
@media(max-width:800px){.excel-import{grid-template-columns:1fr}.head-actions{width:100%}.head-actions .btn{flex:1;text-align:center}}

.status-badge{display:inline-block;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:800}.status-badge.ok{background:#e5faf3;color:#12805f}.status-badge.off{background:#eef1f4;color:#6f7d8b}
.field-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f6f9fc;padding:14px;border-radius:10px}.field-checks label,.checkline{display:flex!important;align-items:center;gap:7px;font-weight:600!important}.field-checks input,.checkline input{width:auto}
.qr-card{text-align:center}.qr-card #qrcode{display:flex;justify-content:center;margin:20px auto}.qr-card #qrcode img,.qr-card #qrcode canvas{border:12px solid #fff;box-shadow:0 4px 20px #0002}.qr-event{font-weight:800;font-size:18px}.copy-row{display:flex;gap:8px}.copy-row input{flex:1}
.public-event-body{min-height:100vh;background:linear-gradient(135deg,#edf6fb,#e8faf8);padding:22px}.public-event-card{max-width:760px;margin:24px auto;background:#fff;border:1px solid #dce7ef;border-radius:18px;padding:28px;box-shadow:0 16px 50px #18344b18}.public-brand{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e5edf3;padding-bottom:16px;margin-bottom:20px}.public-brand img{width:54px;height:54px;object-fit:contain}.public-brand h2{margin:0}.public-brand small{color:#6d8198}.public-event-card>h1{margin-bottom:5px}.event-meta{color:#1599a3;font-weight:700}.public-submit{width:100%;margin-top:18px;padding:13px}.success-box{background:#e8fff4;color:#126b52;padding:24px;border-radius:12px;text-align:center;font-size:17px}
@media(max-width:800px){.field-checks{grid-template-columns:1fr 1fr}.copy-row{flex-direction:column}.public-event-card{padding:18px;margin:10px auto}.public-event-body{padding:10px}}
@media print{.sidebar,.topbar,.page-head .btn,.content>.page-head{display:none!important}.main{margin:0!important;width:100%!important}.content{padding:0!important}.qr-card{border:0!important;box-shadow:none!important}}