@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:80;padding:16px}.settings-dialog{width:min(480px,100%);background:#fff;border-radius:18px;border:1px solid var(--line);padding:16px;display:grid;gap:12px}.settings-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-dialog header h2{margin:0;font-size:18px}.settings-dialog header button{border:none;background:transparent;font-size:22px;line-height:1}.settings-dialog form{display:grid;gap:10px}.settings-dialog label{display:grid;gap:4px;font-size:13px;font-weight:650}.settings-dialog input,.settings-dialog select{width:100%}.option-actions{display:flex;gap:8px;justify-content:flex-end}.bottom-tab-add-preview img,.bottom-tab-add-preview video{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#f3f5f8}.settings-tabs{position:sticky;top:78px;z-index:9;display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:10px 0 12px;background:#f6f7fb;border-bottom:1px solid var(--line)}.settings-tabs button{border:1px solid var(--line);background:#fff;color:#17202a;border-radius:999px;padding:8px 14px;font-weight:650}.settings-tabs button.on{background:var(--p);border-color:var(--p);color:#fff}.settings-tabs small{margin-left:6px;font-weight:700;opacity:.8}.section-note{margin:0 0 14px;color:#626b75}.feature-groups{display:grid;gap:16px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:12px}.feature-card b{display:block;margin-bottom:6px}.feature-card p{margin:8px 0 0;color:#626b75;font-size:13px}.joining-panel{max-width:520px}.joining-panel .panelhead h2{font-size:16px}.joining-panel .panelhead p{font-size:13px}.joining-current{display:flex;align-items:baseline;justify-content:space-between;margin:16px 18px 4px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fafbfc}.joining-current span{color:#626b75;font-size:13px}.joining-current strong{font-size:28px}.joining-panel label{font-size:13px;padding-top:14px}.joining-panel input{font-size:16px;height:44px}.joining-panel .section-note{padding:0 18px}.joining-panel .primary{margin:0 18px}.option-panel .panelhead h2{font-size:16px}.option-panel .section-note{padding:0;margin:0}.settings-block{margin:0 18px 16px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff}.settings-block-head{display:grid;gap:6px;margin-bottom:14px}.settings-block-head h3{margin:0;font-size:14px;font-weight:700;color:#17202a}.settings-block-head p{margin:0;color:#626b75;font-size:13px;line-height:1.45}.settings-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.settings-control-card{display:grid;gap:10px;padding:12px;border:1px solid #eef0f3;border-radius:12px;background:#fafbfc}.settings-label{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8a93a0}.settings-inline-tabs{padding:0;margin:0}.settings-inline-tabs button{min-height:36px}.power-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.power-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:0 12px;border:1px solid #e2e5e9;border-radius:10px;background:#fff;color:#6b7280;font:inherit;cursor:pointer}.power-toggle span{font-size:13px;font-weight:600}.power-toggle strong{font-size:12px;font-weight:800}.power-toggle.on{border-color:#17202a;background:#17202a;color:#fff}.settings-shape-row{display:grid;gap:10px;margin-bottom:14px}.settings-block .section-color,.settings-block .add-option{margin-left:0;margin-right:0}.settings-content-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.settings-content-block .add-option,.settings-content-block .option-list,.settings-content-block .option-tabs{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.settings-content-block .option-tabs{padding-bottom:0}.settings-add-btn{min-height:36px;white-space:nowrap}.settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#17202a75}.settings-dialog{width:min(480px,100%);max-height:min(90vh,760px);background:#fff;border-radius:16px;box-shadow:0 24px 70px #17202a47;display:flex;flex-direction:column;overflow:hidden}.settings-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.settings-dialog header h2{margin:0;font-size:16px}.settings-dialog header button{width:32px;height:32px;border:0;border-radius:8px;background:#f3f4f6;color:#4b5563;font-size:18px;line-height:1;cursor:pointer}.settings-dialog form{display:grid;gap:14px;padding:18px 20px 20px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;flex:1}.settings-dialog form:has(.settings-dialog-body){display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden}.settings-dialog-body{display:grid;gap:14px;padding:18px 20px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0}.settings-dialog label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#3d4650}.settings-dialog input,.settings-dialog select{width:100%;height:40px;border:1px solid #e2e5e9;border-radius:10px;padding:0 12px;font-size:14px;outline:none;background:#fff;font:inherit}.settings-dialog-actions,.settings-dialog .option-actions{display:flex;justify-content:flex-end;gap:8px;margin:0;padding:14px 20px;border-top:1px solid var(--line);background:#fff;flex-shrink:0}.settings-empty{padding:8px 0 0}.layout-editor{display:grid;gap:12px}.layout-preview{display:grid;gap:10px;justify-items:center}.schedule-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:10px;align-items:end;margin:0;padding:12px;border:1px solid #eef0f3;border-radius:12px;background:#fafbfc}.schedule-form .schedule-note{grid-column:1 / -1;margin:0;color:#626b75;font-size:13px}.schedule-form .schedule-note.error{color:#b42318}.appearance-form{display:grid;gap:12px;margin:0;padding:12px;border:1px solid #eef0f3;border-radius:12px;background:#fafbfc}.appearance-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.appearance-colors{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:10px}.appearance-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.appearance-tools .angle-field{flex:1 1 180px}.appearance-festival{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.appearance-form .primary{justify-self:start}@media(max-width:980px){.settings-control-grid,.schedule-form{grid-template-columns:1fr}}.option-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 14px}.option-tabs button{border:1px solid var(--line);background:#fff;color:#17202a;border-radius:999px;padding:7px 12px;font-weight:650}.option-tabs button.on{background:#17202a;border-color:#17202a;color:#fff}.shape-picks button{display:inline-flex;align-items:center;gap:8px}.shape-mark{width:16px;height:16px;background:currentColor;display:inline-block}.shape-mark.shape-square{border-radius:3px}.shape-mark.shape-rectangle{width:24px;height:14px;border-radius:3px}.shape-mark.shape-circle{border-radius:50%}.shape-mark.shape-hexagon{border-radius:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.shape-mark.shape-diamond{border-radius:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.shape-mark.shape-oval{width:24px;height:14px;border-radius:999px}.option-tabs button.off{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.option-tabs button.on small{color:#bbf7d0}.option-tabs button.off small{color:#b45309}.option-tabs small{margin-left:6px;font-weight:700;opacity:.75}.option-list{display:grid;gap:12px;padding:0 18px 18px}.option-card{border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.option-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.option-card-head b{font-size:15px}.option-fields,.add-option{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;align-items:end}.add-option{margin:0 18px 16px;padding:14px;border:1px dashed var(--line);border-radius:14px;background:#fafbfc}.option-fields label,.add-option label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#626b75}.option-fields input,.add-option input,.add-option select{width:100%;height:38px;border:1px solid #e2e5e9;border-radius:8px;padding:0 10px;background:#fff;font-size:14px}.option-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.section-color,.media-row{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:0 18px 16px}.section-color span,.media-row p{flex:1 1 220px;margin:0;color:#626b75;font-size:13px}.section-color label,.media-row label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#626b75}.section-color .gradient-preview{flex:0 0 148px;width:148px;height:36px;border-radius:12px;border:1px solid var(--line)}.mode-tabs{margin-bottom:14px}.section-color input[type=datetime-local]{height:38px;border:1px solid #e2e5e9;border-radius:8px;padding:0 8px;background:#fff;color:#111827}.section-color input[type=color],.option-fields input[type=color]{width:64px;height:38px;padding:2px;border:1px solid #e2e5e9;border-radius:8px;background:#fff}.media-row img,.media-row video{width:180px;height:100px;object-fit:cover;border-radius:12px;background:#111827}.normal-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px;align-items:start;margin:0}.normal-layout .section-color{margin:0}.normal-layout .section-note{margin:0;text-align:center}@media(max-width:980px){.normal-layout{grid-template-columns:1fr}}.phone{width:260px;padding:10px;border-radius:32px;background:#111827;justify-self:center}.phone-screen{min-height:420px;border-radius:24px;padding:16px 12px 14px;overflow:hidden;background:#123a86}.phone-super,.phone-daily{padding-top:0}.phone-head{margin:0 -12px;padding:16px 12px 12px;border-radius:24px 24px 0 0}.phone-hero{position:relative;min-height:210px;margin:0 -12px 12px;padding:16px 12px 12px;border-radius:24px 24px 16px 16px;background:#1f2937 center top / cover no-repeat;overflow:hidden}.phone-hero video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.phone-hero .phone-top,.phone-hero .phone-tools{position:relative;z-index:1}.phone-top{display:flex;align-items:center;gap:8px}.phone-top div{flex:1;min-width:0}.phone-top strong,.phone-top small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-top strong{font-size:15px}.phone-top small{font-size:11px;opacity:.85}.phone-chip,.phone-avatar,.phone-search,.phone-veg{background:#fff;color:#111827}.phone-chip,.phone-avatar{display:grid;place-items:center;height:28px;border-radius:14px;font-size:12px;font-weight:700}.phone-chip{padding:0 8px}.phone-avatar{width:28px}.phone-tools{display:flex;gap:8px;margin-top:12px}.phone-search,.phone-veg{height:36px;border-radius:12px;font-size:12px}.phone-search{flex:1;display:flex;align-items:center;padding:0 10px;color:#6b7280}.phone-veg{width:46px;display:grid;place-items:center;font-weight:700;font-size:10px}.phone-banner{height:58px;margin-top:12px;border-radius:12px;overflow:hidden;background:#ffffff2e;color:#fff;display:grid;place-items:center;font-size:12px}.phone-banner-wide{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;border-radius:0}.phone-banner img,.phone-banner video{width:100%;height:100%;object-fit:cover}.phone-offers{display:flex;gap:8px;margin-top:12px;overflow-x:auto}.phone-offers span{position:relative;flex:0 0 72px;height:85px;border-radius:12px;color:#fff;font-size:11px;font-weight:700;padding:8px;overflow:hidden}.phone-offers.shape-rectangle span{flex-basis:108px;height:85px;border-radius:12px;clip-path:none}.phone-offers.shape-hexagon span{border-radius:0;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.phone-offers.shape-circle span{border-radius:50%;clip-path:circle(50% at 50% 50%)}.phone-offers.shape-diamond span{border-radius:0;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.phone-offers.shape-oval span{flex-basis:108px;height:85px;border-radius:999px;clip-path:ellipse(50% 50% at 50% 50%)}.phone-offers.shape-circle img,.phone-offers.shape-hexagon img,.phone-offers.shape-diamond img,.phone-offers.shape-oval img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.phone-offers img{position:absolute;top:8px;right:8px;bottom:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain}.phone-heading,.phone-action{display:block;text-align:center;margin-top:10px}.phone-action{width:fit-content;margin-left:auto;margin-right:auto;border:1px solid currentColor;border-radius:14px;padding:4px 10px;font-size:11px}.phone-large,.phone-small{display:flex;gap:8px;margin-top:10px}.phone-large span,.phone-small span,.phone-strip{background:#fff3;border-radius:10px;font-size:10px;font-weight:700}.phone-large span{flex:1;height:48px;display:grid;place-items:center;text-align:center;padding:4px}.phone-small span{width:48px;height:48px;display:grid;place-items:center;text-align:center;padding:4px}.phone-strip{display:flex;flex-direction:column;justify-content:center;min-height:52px;margin-top:8px;background:#111827 center / cover no-repeat;color:#fff;padding:8px 10px}.phone-strip small{font-weight:500;opacity:.85}.bottom-tabs-section{display:grid;gap:16px}.bottom-tabs-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.bottom-tabs-live{background:#111827;color:#fff;border-radius:18px;padding:12px 14px 14px;display:grid;gap:10px}.bottom-tabs-live-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.bottom-tabs-live-row{display:flex;align-items:stretch;justify-content:space-evenly;gap:6px;min-height:64px}.bottom-tabs-live-item{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.bottom-tabs-live-item.offers .bottom-tabs-live-icon{background:linear-gradient(135deg,#fc8019,#ff7043);color:#fff;border-radius:999px}.bottom-tabs-live-icon{width:36px;height:36px;border-radius:12px;background:#1f2937;display:grid;place-items:center;overflow:hidden;font-weight:800;font-size:13px}.bottom-tabs-live-icon img{width:100%;height:100%;object-fit:cover}.bottom-tabs-live-item small{font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bottom-tabs-tablewrap{overflow-x:auto}.bottom-tabs-table{width:100%;border-collapse:collapse;background:#fff}.bottom-tabs-table th,.bottom-tabs-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;font-size:13px}.bottom-tabs-table thead th{background:#f3f5f8;color:#626b75;font-weight:700;white-space:nowrap}.bottom-tabs-table tbody tr.is-off{opacity:.65}.bottom-tabs-table-icon{width:40px;height:40px;border-radius:12px;background:#f3f5f8;display:grid;place-items:center;overflow:hidden;font-weight:800;color:#123a86}.bottom-tabs-table-icon img{width:100%;height:100%;object-fit:cover}.bottom-tabs-table-icon.muted{opacity:.72}.settings-time-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:720px){.settings-time-row{grid-template-columns:1fr}}.bottom-tab-switch{width:44px;height:24px;border-radius:999px;border:none;background:#d1d5db;padding:2px;display:inline-flex;align-items:center;transition:background .15s ease}.bottom-tab-switch span{width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transform:translate(0);transition:transform .15s ease}.bottom-tab-switch.on{background:#2563eb}.bottom-tab-switch.on span{transform:translate(20px)}.bottom-tabs-actions{display:flex;gap:8px;flex-wrap:wrap}.bottom-tabs-icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:6px 10px;font-size:12px;font-weight:700;color:#17202a}.bottom-tabs-icon-btn.edit{color:#1d4ed8;border-color:#bfdbfe;background:#eff6ff}.bottom-tabs-icon-btn.danger{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.bottom-tab-enabled-row{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}.bottom-tab-enabled-row span{font-weight:650}.bottom-tab-add-preview{display:flex;align-items:center;gap:12px}.bottom-tab-add-preview.offers-circle img{width:64px;height:64px;border-radius:50%;object-fit:contain;background:linear-gradient(135deg,#fc8019,#ff7043);padding:6px}.bottom-tab-add-preview img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#f3f5f8}.catalog-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.catalog-heading input{width:min(360px,100%);height:40px;border:1px solid #e2e5e9;border-radius:10px;padding:0 12px;font-size:14px;outline:none;background:#fff}.catalog-note{margin:0 0 14px;font-size:13px}.catalog-actions{display:flex;justify-content:flex-end;gap:8px;white-space:nowrap}.catalog-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#17202a75}.catalog-dialog{width:min(440px,100%);background:#fff;border-radius:16px;box-shadow:0 24px 70px #17202a47}.catalog-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line)}.catalog-dialog header h2{margin:0;font-size:16px}.catalog-dialog header button{width:32px;height:32px;border:0;border-radius:8px;background:#f3f4f6;color:#4b5563;font-size:18px;line-height:1}.catalog-dialog form{display:grid;gap:14px;padding:18px 20px 20px}.catalog-dialog label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#3d4650}.catalog-dialog input,.catalog-dialog select{width:100%;height:40px;border:1px solid #e2e5e9;border-radius:10px;padding:0 12px;font-size:14px;outline:none;background:#fff}.catalog-dialog input[type=file]{height:auto;padding:10px 12px}.catalog-dialog input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.catalog-preview{width:64px;height:64px;border-radius:50%;object-fit:cover;border:1px solid #e5e7eb}.catalog-dialog .catalog-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.catalog-thumb{width:44px;height:44px;border-radius:50%;object-fit:cover;display:block}.zone-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:14px}.zone-toolbar .search-field{flex:1;min-width:220px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 12px}.zone-toolbar .search-field input{border:none;outline:none;width:100%;padding:11px 0;background:transparent}.zone-actions{display:flex;gap:8px;flex-wrap:wrap}.zone-editor-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:14px;min-height:calc(100vh - 180px)}.zone-form-panel,.zone-map-panel{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.zone-form-panel{padding:16px;display:grid;gap:12px;align-content:start}.zone-form-panel label{display:grid;gap:5px;font-size:13px;font-weight:650}.zone-form-panel input,.zone-form-panel select{width:100%;border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:#fff}.zone-checks{display:grid;gap:8px}.zone-checks label{display:flex;align-items:center;gap:8px;font-weight:550}.zone-form-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.zone-map-panel{display:grid;grid-template-rows:auto 1fr;min-height:560px}.zone-map-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);background:#fafbfc}.zone-map-toolbar .places-box{flex:1;min-width:180px}.zone-map-toolbar input[type=search],.zone-map-toolbar .places-box input{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 12px}.zone-map-canvas{min-height:480px;height:100%;position:relative}.zone-map-hint{position:absolute;left:12px;bottom:12px;z-index:2;background:#fffffff0;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:12px;color:#475569;max-width:320px;box-shadow:0 6px 18px #0f172a14}.zone-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#64748b}.zone-draw-status{font-size:12px;font-weight:650;padding:7px 10px;border-radius:999px;border:1px solid var(--line);white-space:nowrap;background:#fff;color:#475569}.zone-draw-status.drawing{border-color:#ffd0da;background:#fff5f7;color:#ff0444}.zone-draw-status.closed{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.zone-draw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:4px}.zone-draw-steps span{text-align:center;font-size:12px;font-weight:650;padding:8px 6px;border-radius:10px;border:1px solid var(--line);color:#64748b;background:#f8fafc}.zone-draw-steps span.active{border-color:#ff0444;color:#ff0444;background:#fff5f7}.zone-draw-steps span.done{border-color:#bbf7d0;color:#15803d;background:#f0fdf4}.zone-view-map{height:360px;border-radius:14px;overflow:hidden;border:1px solid var(--line);margin-top:12px}.zone-confirm{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;z-index:90;padding:16px}.zone-confirm-card{width:min(420px,100%);background:#fff;border-radius:16px;border:1px solid var(--line);padding:16px;display:grid;gap:12px}.zone-confirm-card h3{margin:0;font-size:17px}.zone-success{color:#15803d;margin:0 0 12px}@media(max-width:980px){.zone-editor-layout{grid-template-columns:1fr}.zone-map-panel{min-height:480px}}:root{font-family:Inter,system-ui,sans-serif;color:#17202a;background:#f6f7fb;--p:#ff0444;--line:#e9ebef;--muted:#7e8792}*{box-sizing:border-box}body{margin:0;background:#f6f7fb}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{height:78px;padding:0 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f1f3}.brand b{display:block;font-size:16px}.brand small{display:block;color:#a0a6ae;font-size:9px;letter-spacing:.12em;margin-top:3px}.crown{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#ff0444,#ff6a91);color:#fff;display:grid;place-items:center;box-shadow:0 7px 18px #ff04442b}.close{display:none}.environment{margin:15px 13px 3px;padding:9px 10px;border:1px solid #e9ebef;background:#fafbfc;border-radius:9px;font-size:9px;font-weight:700;color:#626b75}.environment span:last-child{float:right;color:#39ad76}.live-dot,.green-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32b476;margin-right:6px}.scroll{overflow:auto;padding:12px}.group{margin-bottom:19px}.group label{font-size:9px;color:#a0a6ae;font-weight:800;text-transform:uppercase;letter-spacing:.11em;padding:0 10px 8px;display:block}.nav{display:flex;align-items:center;gap:11px;min-height:39px;padding:0 10px;border-radius:9px;color:#69737e;text-decoration:none;font-size:15px;font-weight:600;border:0;background:none;width:100%;text-align:left}.nav:hover{background:#faf1f4}.nav.active{background:#fff0f4;color:var(--p)}.sidebottom{padding:12px;border-top:1px solid var(--line)}.main{margin-left:260px}.main header{height:78px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:10}.search{width:min(500px,45vw);height:39px;border:1px solid var(--line);border-radius:10px;background:#fafbfc;display:flex;align-items:center;gap:9px;padding:0 12px;color:#9ba2aa}.search input{border:0;outline:0;background:none;width:100%;font-size:11px}.headright{display:flex;align-items:center;gap:11px}.round{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:10px;position:relative;color:#717b86}.round i{position:absolute;width:6px;height:6px;background:var(--p);border-radius:50%;top:7px;right:8px}.account{display:flex;align-items:center;gap:9px;border-left:1px solid var(--line);padding-left:14px}.avatar,.avatar2{background:#ffe1e9;color:#e6003d;font-weight:800;display:grid;place-items:center}.avatar{width:34px;height:34px;border-radius:9px;font-size:10px}.account b,.account small{display:block}.account b{font-size:10px}.account small{font-size:8px;color:#9aa1aa;margin-top:2px}.content{padding:30px 32px;max-width:1600px;margin:auto}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:23px}.pagehead h1{font-size:23px;letter-spacing:-.7px;margin:0 0 5px}.pagehead p{font-size:10px;color:var(--muted);margin:0}.primary,.secondary,.small{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;padding:9px 13px;font-size:10px;font-weight:700}.primary{background:var(--p);color:#fff;border:0;box-shadow:0 7px 16px #ff04442b}.secondary,.small{background:#fff;color:#626b75;border:1px solid var(--line)}.small{padding:6px 9px}.alert,.danger,.auditnotice{display:flex;align-items:center;gap:12px;background:#fff7e9;border:1px solid #f5e1b9;padding:13px 15px;border-radius:12px;margin-bottom:17px}.alert svg,.danger svg{color:#cc8b18}.alert div,.danger div,.auditnotice div{flex:1}.alert b,.alert span,.danger b,.danger span,.auditnotice b,.auditnotice span{display:block}.alert b,.danger b,.auditnotice b{font-size:10px}.alert span,.danger span,.auditnotice span{font-size:9px;color:#8d7b57;margin-top:3px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:17px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px}.iconbox{width:34px;height:34px;background:#fff0f4;color:var(--p);border-radius:9px;display:grid;place-items:center;margin-bottom:12px}.iconbox svg{width:17px}.stat small,.stat strong,.stat span{display:block}.stat small{font-size:9px;color:#8e97a1}.stat strong{font-size:22px;margin:4px 0}.stat span{font-size:8px;color:#21a56b;font-weight:700}.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:17px}.panelhead{padding:17px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f2f3f5}.panelhead h2{margin:0;font-size:12px}.panelhead p{margin:4px 0 0;font-size:9px;color:#929aa3}.health>div,.activity>div,.service-row,.finance-row,.notificationrow,.keyrow{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid #f0f1f3}.health>div:last-child,.activity>div:last-child{border-bottom:0}.health b,.health small,.activity b,.activity small,.service-row b,.service-row small,.finance-row b,.finance-row small,.notificationrow b,.notificationrow small,.keyrow b,.keyrow small{display:block}.health b,.activity b,.service-row b,.finance-row b,.notificationrow b,.keyrow b{font-size:10px}.health small,.activity small,.service-row small,.finance-row small,.notificationrow small,.keyrow small{font-size:8px;color:#969da6;margin-top:3px}.health .badge,.service-row .badge,.finance-row .badge,.notificationrow .badge{margin-left:auto}.badge{display:inline-flex;padding:4px 7px;border-radius:99px;font-size:8px;font-weight:800;background:#f0f1f3;color:#6e7781}.badge.good{background:#eaf9f2;color:#188255}.badge.warn{background:#fff2db;color:#b8750c}.badge.bad{background:#ffe9ed;color:#c33a4e}.badge.pink{background:#fff0f4;color:#df1648}.activity>div{display:flex;align-items:center}.activity>div span{flex:1}.miniavatar{width:29px;height:29px;border-radius:8px;background:#f0efff;color:#6556b8;display:grid;place-items:center;font-size:8px;font-weight:800}.metricbars{height:220px;display:flex;align-items:end;gap:9px;padding:20px}.metricbars div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:6px}.metricbars div div{width:100%;min-height:8px;background:linear-gradient(#ff4b76,#ff0444);border-radius:5px}.metricbars small{font-size:8px;color:#9ca3ab}.cards3,.queuecards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:17px}.cards3>div,.queuecards>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px}.cards3 b,.cards3 span{display:block}.cards3 b{font-size:20px}.cards3 span{font-size:9px;color:#929aa3;margin-top:4px}.toolbar{display:flex;gap:8px;margin-bottom:14px}.searchbox{height:36px;width:300px;border:1px solid var(--line);background:#fff;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#9aa1aa}.searchbox input{border:0;outline:0;width:100%;font-size:10px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{text-align:left;background:#fbfbfc;color:#9ba2aa;font-size:8px;text-transform:uppercase;letter-spacing:.07em;padding:11px 17px;border-bottom:1px solid #eef0f2}td{padding:12px 17px;border-bottom:1px solid #f0f1f3;color:#68717c;font-size:9px;white-space:nowrap}td>b{color:#303943}.person{display:flex;align-items:center;gap:9px}.person b{font-size:9px;color:#303943}.person small{display:block;color:#a0a6ae;font-size:7px;margin-top:3px}.avatar2{width:30px;height:30px;border-radius:8px;font-size:8px}.role-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.role-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px;display:flex;align-items:center;gap:13px}.role-icon{width:39px;height:39px;border-radius:10px;background:#fff0f4;color:var(--p);display:grid;place-items:center}.role-main{flex:1}.role-main>div{display:flex;align-items:center;gap:7px}.role-main h3{font-size:12px;margin:0}.role-main p{font-size:9px;color:#858e98;margin:6px 0}.role-main small{font-size:8px;color:#a0a6ae}.matrixtop{padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f3}.matrixtop div{display:flex;gap:9px;align-items:center}.matrixtop b{font-size:10px}.matrix td:not(:first-child),.matrix th:not(:first-child){text-align:center}.check{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#eaf9f2;color:#188255;margin:auto}.dash{color:#c1c5ca}.auditlock{width:31px;height:31px;border-radius:9px;background:#edf5ff;color:#4275b8;display:grid;place-items:center}.securityscore{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;display:flex;align-items:center;gap:18px;margin-bottom:17px}.scorecircle{width:88px;height:88px;border:8px solid #e4f5ec;border-top-color:#25a96e;border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:800;color:#188255}.scorecircle span{font-size:8px;color:#9aa1aa;margin-top:-24px}.securityscore b{font-size:14px}.securityscore p{font-size:9px;color:#8e96a0;margin:6px 0 12px}.settinglist>div{padding:13px 18px;display:flex;justify-content:space-between;border-bottom:1px solid #f0f1f3}.settinglist b,.settinglist small{display:block}.settinglist b{font-size:10px}.settinglist small{font-size:8px;color:#969da6;margin-top:3px}.ok{color:#1ca26a}.events>div{display:flex;gap:10px;padding:13px 18px;border-bottom:1px solid #f0f1f3;color:#d68b22}.events span{color:#303943}.keyrow span{flex:1}.keyrow>svg{color:#7c8690}.settingsgrid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.formpanel{padding-bottom:17px}.formpanel label{display:block;padding:0 18px 12px;font-size:9px;font-weight:700;color:#646d78}.formpanel input,.formpanel select,.formpanel textarea{display:block;width:100%;height:38px;border:1px solid #e2e5e9;border-radius:8px;margin-top:6px;padding:0 10px;outline:0;font-size:10px}.formpanel textarea{height:90px;padding-top:10px}.service-row .serviceicon{width:31px;height:31px;border-radius:8px;background:#fff0f4;color:var(--p);display:grid;place-items:center;font-weight:800;font-size:9px}.map{height:320px;background:radial-gradient(circle at 45% 40%,#eef5ed,#dce8e0 55%,#cbd9d1);position:relative;overflow:hidden}.map:before{content:"";position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:repeating-linear-gradient(42deg,transparent 0 40px,#ffffff55 41px 43px)}.pin{position:absolute;width:12px;height:12px;border-radius:50% 50% 50% 0;background:var(--p);transform:rotate(-45deg);box-shadow:0 0 0 5px #ff044425}.p1{left:34%;top:35%}.p2{left:55%;top:44%}.p3{left:65%;top:61%}.p4{left:44%;top:66%}.maplabel{position:absolute;left:18px;bottom:16px;background:#fff;padding:8px 10px;border-radius:8px;font-size:9px;font-weight:700;box-shadow:0 5px 15px #0001}.danger{background:#fff0f1;border-color:#ffd6dc}.danger svg{color:#d43d54}.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.servicecard{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px}.servicehead{display:flex;justify-content:space-between}.serviceicon.big{width:40px;height:40px;border-radius:10px;background:#fff0f4;color:var(--p);display:grid;place-items:center;font-weight:800}.servicecard h3{font-size:13px;margin:15px 0 5px}.servicecard p{font-size:9px;color:#8f97a0;line-height:1.5;height:29px}.serviceactions{display:flex;gap:7px;margin-top:14px}.serviceactions button{flex:1}.dangerbtn{border:1px solid #ffd3da;background:#fff0f3;color:#c7384c;border-radius:9px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px}.noticegrid{display:grid;grid-template-columns:1.1fr .9fr;gap:17px}.notificationrow{min-height:63px}.notificon{width:29px;height:29px;border-radius:8px;background:#fff0f4;color:var(--p);display:grid;place-items:center}.notificationrow span{flex:1}.composer label{display:block;font-size:9px;font-weight:700;padding:0 18px 12px}.composer input,.composer select{height:37px}.composer textarea{height:80px;padding-top:9px}.composer .primary{margin:3px 18px 18px}.timeline{position:relative;padding-left:25px}.timeline:before{content:"";position:absolute;left:15px;top:8px;bottom:8px;width:1px;background:#e0e3e7}.timelineitem{position:relative;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 17px;margin-bottom:10px}.lineicon{position:absolute;left:-26px;width:23px;height:23px;border-radius:50%;background:#fff0f4;color:var(--p);display:grid;place-items:center;border:3px solid #f6f7fb}.timelineitem div:nth-child(2){flex:1}.timelineitem b{font-size:10px}.timelineitem p{font-size:8px;color:#969da6;margin:4px 0 0}.timelineitem>span{font-size:8px;color:#188255;font-weight:800}.switch{display:flex;justify-content:space-between;align-items:center;margin:0 18px;padding:12px 0;border-bottom:1px solid #f0f1f3}.switch b,.switch small{display:block}.switch b{font-size:10px}.switch small{font-size:8px;color:#969da6;margin-top:3px}.switch input{accent-color:var(--p)}.bigchart{height:250px;display:flex;align-items:end;gap:9px;padding:20px}.bigchart i{flex:1;display:block;min-height:8px;background:linear-gradient(#ff4b76,#ff0444);border-radius:5px}.queuecards>div{display:flex;align-items:center;gap:10px}.queuecards svg{color:var(--p)}.queuecards b{font-size:20px}.queuecards span{font-size:9px;color:#929aa3}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f7f8fb}.login-left{padding:55px;background:radial-gradient(circle at 15% 20%,#fff0f4,transparent 40%),#fff;border-right:1px solid var(--line)}.login-logo{display:flex;align-items:center;gap:10px;font-size:18px}.hero-copy{max-width:540px;margin:19vh auto 0}.eyebrow{font-size:9px;color:var(--p);font-weight:800;letter-spacing:.15em}.hero-copy h1{font-size:42px;line-height:1.1;letter-spacing:-1.7px;margin:13px 0}.hero-copy p{color:#7d8791;font-size:13px;line-height:1.7;max-width:480px}.trust{display:flex;gap:30px;margin-top:32px}.trust div{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700;color:#626b75}.trust svg{color:#1c9a67}.login-right{display:grid;place-items:center;position:relative;padding:30px}.login-card{width:min(420px,100%);background:#fff;border:1px solid var(--line);border-radius:18px;padding:31px;box-shadow:0 25px 70px #1b232d0d}.login-top .shield{width:43px;height:43px;border-radius:12px;background:#fff0f4;color:var(--p);display:grid;place-items:center}.login-top h2{font-size:22px;margin:16px 0 5px}.login-top p{font-size:10px;color:#8b939c;margin:0 0 23px}.login-card label{display:block;font-size:9px;font-weight:700;color:#5d6670;margin:13px 0 6px}.login-card input{height:42px;width:100%;border:1px solid #e2e5e9;border-radius:9px;padding:0 11px;outline:0;font-size:10px}.pw{position:relative}.pw input{padding-right:42px}.pw button{position:absolute;right:0;top:0;height:42px;width:42px;border:0;background:none;color:#9198a1}.row{display:flex;justify-content:space-between;margin:14px 0 18px;font-size:8px;color:#9aa1a9}.row a{color:var(--p);font-weight:700}.wide{width:100%;height:43px}.demo{text-align:center;font-size:8px;color:#9ba2aa;margin-top:15px}.footer{position:absolute;bottom:22px;color:#a0a6ae;font-size:8px}.error{background:#fff0f2;color:#c33a4d;padding:8px;border-radius:7px;font-size:8px;margin-top:9px}.mobile{display:none}@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid2,.noticegrid,.settingsgrid{grid-template-columns:1fr}.servicegrid{grid-template-columns:repeat(2,1fr)}.hero-copy h1{font-size:34px}}@media(max-width:780px){.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:translate(0)}.close,.mobile{display:grid;place-items:center}.close{margin-left:auto;border:0;background:none;color:#8b939c}.main{margin-left:0}.main header{padding:0 15px}.mobile{width:35px;height:35px;border:0;background:none}.search{flex:1;width:auto}.account div:nth-child(2),.account>svg{display:none}.content{padding:22px 15px}.role-grid,.servicegrid,.login{grid-template-columns:1fr}.login-left{display:none}.login-right{min-height:100vh}.pagehead{align-items:flex-start}.cards3,.queuecards{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.searchbox{width:100%}}@media(max-width:520px){.stats{grid-template-columns:1fr}.pagehead{flex-direction:column}.headright .round{display:none}.content{padding:20px 12px}.alert,.danger{align-items:flex-start;flex-wrap:wrap}.alert .secondary,.danger .secondary{margin-left:35px}.hero-copy{margin-top:10vh}}.pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--line);font-size:12px;color:#626b75}.pager span{margin-right:auto}