body.admin-login-page{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(ellipse at top left,#e1f1e5 0,transparent 42%),#f5f8f5}.login-card{width:min(100%,420px);padding:35px;background:#fff;border:1px solid #e5ece6;border-radius:21px;box-shadow:0 20px 60px #17432a10}.login-brand{margin:0 0 36px;padding:0}.login-kicker{font-size:9px;letter-spacing:1.7px;color:#43865b;font-weight:800}.login-card h1,.admin-welcome h1{font:800 27px/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:12px 0 10px}.login-card>p{font-size:12px;line-height:1.8;color:#829087;margin:0 0 25px}.login-card form label{display:block;font-size:11px;font-weight:700;color:#56675c;margin:0 0 8px}.field{width:100%;min-width:0;border:1px solid #dfe8e1;border-radius:9px;background:#fff;color:#27382d;padding:11px 12px;outline:0;font-size:12px;transition:border .15s,box-shadow .15s}.field:focus{border-color:#63a77a;box-shadow:0 0 0 3px #2c8b4d15}.login-card .field{margin-bottom:17px}.primary-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:40px;padding:0 15px;border:0;border-radius:9px;background:#176b4b;color:#fff;font-size:11px;font-weight:700;box-shadow:0 5px 12px #176b4b1c}.primary-btn:hover{background:#10553b}.primary-btn span{font-size:15px}.login-card .primary-btn{width:100%;margin-top:3px}.back-link{display:block;text-align:center;margin-top:22px;color:#738278;font-size:11px}.back-link:hover{color:#176b4b}.admin-body{background:#f6f8f6}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#fff;border-right:1px solid #e6ece7;padding:25px 16px 18px;display:flex;flex-direction:column;z-index:10}.admin-sidebar .brand{margin-bottom:40px}.admin-side-label{padding:0 10px 12px;color:#9ca89f;font-size:9px;letter-spacing:1.5px;font-weight:800}.admin-nav{display:flex;align-items:center;gap:11px;padding:12px 11px;margin:2px 0;border-radius:9px;color:#748278;font-size:12px;font-weight:600}.admin-nav:hover,.admin-nav.active{background:#eaf5ed;color:#176b4b}.admin-nav b{margin-left:auto;font-size:10px;color:#98a59c}.admin-side-bottom{margin-top:auto;border-top:1px solid #edf1ed;padding-top:13px;display:grid;gap:4px}.admin-side-bottom a{padding:10px;color:#75837a;font-size:11px}.admin-main{margin-left:245px;padding:0 35px;max-width:1700px}.admin-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e6ece7;color:#a0aaa3;font-size:11px}.admin-topbar div{display:flex;gap:10px}.admin-topbar i{font-style:normal;color:#c2ccc4}.admin-topbar b{color:#56665b}.view-site,.outline-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfe8e1;border-radius:8px;background:#fff;padding:10px 12px;color:#476c53;font-size:11px;font-weight:700}.admin-welcome{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 20px;padding:26px 29px;background:linear-gradient(110deg,#fff,#f0f8f1);border:1px solid #e3ece4;border-radius:15px}.admin-welcome h1{margin:8px 0 7px;font-size:25px}.admin-welcome p{font-size:11px;color:#829087;margin:0;line-height:1.7}.small-btn{flex-shrink:0;text-decoration:none}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:33px}.stat-card{padding:17px 19px;background:#fff;border:1px solid #e6ece7;border-radius:12px}.stat-card span,.stat-card small{display:block;font-size:10px;color:#87948b}.stat-card b{display:block;font:800 24px Manrope,sans-serif;margin:8px 0 5px;color:#234b32}.stat-card small{font-size:9px}.admin-section{padding:28px 0 36px;border-top:1px solid #e5ebe6;scroll-margin-top:15px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-title h2{font:800 21px Manrope,sans-serif;margin:7px 0 5px;letter-spacing:-.5px}.section-title p{font-size:11px;color:#87948b;margin:0;line-height:1.6}.admin-table-wrap{overflow-x:auto;border:1px solid #e4ebe5;border-radius:12px;background:#fff}.admin-table{border-collapse:collapse;width:100%;min-width:680px;text-align:left}.admin-table th{padding:12px 15px;background:#fafcfb;border-bottom:1px solid #e8eee9;color:#9aa69d;font-size:9px;letter-spacing:.7px;text-transform:uppercase}.admin-table td{padding:13px 15px;border-bottom:1px solid #eef2ee;color:#6f7d73;font-size:10px}.admin-table tr:last-child td{border-bottom:0}.table-name{display:flex;align-items:center;gap:10px;min-width:170px}.table-name b{display:block;color:#35483a;font-size:11px}.table-name small{display:block;max-width:220px;margin-top:4px;color:#9aa69d;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-color,.table-app-icon{width:32px;height:32px;border-radius:9px;flex-shrink:0}.table-app-icon{object-fit:cover}.admin-table code{font-size:9px;color:#859389}.status,.type-pill{display:inline-flex;padding:5px 7px;border-radius:6px;font-size:9px;font-weight:700}.status.on{background:#eaf6ed;color:#328453}.status.off{background:#f2f3f2;color:#929b94}.type-pill{background:#f2f6f3;color:#637a69}.actions{white-space:nowrap}.actions a{color:#287c4a;font-weight:700;margin-right:11px}.actions form{display:inline}.text-danger{padding:0;border:0;background:transparent;color:#c25d5d;font-size:10px}.form-panel{margin-top:17px;padding:22px;background:#fff;border:1px solid #e4ebe5;border-radius:12px;scroll-margin-top:20px}.form-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.form-panel-heading h3{font:800 14px Manrope,sans-serif;margin:0}.form-panel-heading a{font-size:10px;color:#43865b}.admin-form .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-form label{display:block;min-width:0;font-size:10px;font-weight:700;color:#596a5e}.admin-form label>.field{display:block;margin-top:7px;font-weight:400}.admin-form textarea.field{resize:vertical;line-height:1.6}.span-2{grid-column:span 2}.field-help{display:block;color:#98a49b;font-size:9px;font-weight:400;line-height:1.6;margin-top:6px}.color-field{height:40px;padding:4px;cursor:pointer}.check-label{display:flex!important;align-items:center;gap:8px;font-weight:600!important;color:#6b7b70!important}.check-label input{accent-color:#176b4b}.form-actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:17px;border-top:1px solid #edf1ed}.type-fields{display:none;padding:14px;background:#f8faf8;border:1px solid #edf2ed;border-radius:10px}.type-fields.visible{display:block}.nested{margin-top:14px}.subsection-title{font-size:9px;letter-spacing:1.4px;color:#94a197;font-weight:800;padding-top:6px;border-top:1px solid #edf1ed}.security-box{padding:16px;background:#f8faf8;border:1px solid #e8eee9;border-radius:10px}.security-box>b{font-size:11px;color:#344b3a}.security-box>p{font-size:10px;color:#87948b;line-height:1.6;margin:6px 0 13px}.security-box>label:not(.check-label){margin-top:14px}.security-notice{margin:0 0 25px;padding:16px;border-radius:10px;border:1px solid #f1dfbd;background:#fffaf0}.security-notice b{font-size:11px;color:#8a5b15}.security-notice p{font-size:10px;line-height:1.7;color:#987b4c;margin:7px 0 0}.alert{padding:12px 15px;border-radius:9px;margin:18px 0;font-size:11px}.alert.error{background:#fff0ef;color:#a23d36;border:1px solid #f4d5d2}.alert.success{background:#edf8ef;color:#287647;border:1px solid #d7ebdc}.admin-footer{display:flex;justify-content:space-between;padding:20px 0 28px;color:#9ba69e;font-size:9px}.admin-footer span{color:#b0bab2}
@media(max-width:1050px){.admin-main{padding:0 22px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-sidebar{width:210px}.admin-main{margin-left:210px}}
@media(max-width:700px){.admin-sidebar{position:static;width:auto;height:auto;padding:14px;display:flex;flex-direction:row;align-items:center;gap:7px;overflow-x:auto;border-right:0;border-bottom:1px solid #e6ece7}.admin-sidebar .brand{margin:0 12px 0 0;padding:0;flex-shrink:0}.admin-sidebar .brand-mark{width:31px;height:31px;font-size:16px}.admin-sidebar .brand b{font-size:12px}.admin-sidebar .brand small{font-size:8px}.admin-side-label,.admin-side-bottom{display:none}.admin-nav{padding:9px;flex-shrink:0;font-size:10px}.admin-nav b{display:none}.admin-main{margin:0;padding:0 14px}.admin-topbar{height:52px}.admin-welcome{padding:20px;align-items:flex-start;flex-direction:column}.admin-welcome h1{font-size:22px}.stats-grid{gap:9px}.stat-card{padding:13px}.stat-card b{font-size:21px}.admin-section{padding:23px 0}.section-title{align-items:flex-start}.section-title h2{font-size:18px}.section-title p{max-width:250px}.outline-btn{font-size:10px;padding:9px;white-space:nowrap}.form-panel{padding:16px}.admin-form .form-grid{grid-template-columns:1fr;gap:14px}.span-2{grid-column:span 1}.admin-form .nested{grid-template-columns:1fr}.admin-footer{gap:12px;flex-direction:column}.view-site{font-size:9px;padding:8px}.login-card{padding:26px 22px}}

/* Visual category icon picker and pastel card colors */
.icon-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:7px;margin-top:8px;padding:10px;border:1px solid #e4ebe5;border-radius:10px;background:#fafcfb;max-height:290px;overflow:auto}
.icon-choice{min-width:0;min-height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:8px 4px;border:1px solid #e4ebe5;border-radius:9px;background:#fff;color:#627166;font-size:9px;font-weight:600;cursor:pointer;transition:.15s}
.icon-choice-glyph{height:28px;display:grid;place-items:center;font-size:22px;line-height:1}
.icon-choice:hover{border-color:#8bbd98;background:#f3faf4}
.icon-choice.selected{border-color:#398b53;background:#eaf7ed;color:#176b4b;box-shadow:0 0 0 2px #398b5317}
.pastel-color{background:#fff;cursor:pointer}
@media(max-width:700px){.icon-picker{grid-template-columns:repeat(3,minmax(0,1fr));max-height:260px}}

/* Editors open in a centered modal instead of jumping to the bottom */
.editor-modal-backdrop{position:fixed;inset:0;z-index:9999;background:rgba(14,29,21,.58);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}
.editor-modal-backdrop[hidden]{display:none}
.editor-modal-shell{position:relative;width:min(920px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#f8faf8;border-radius:18px;padding:22px;box-shadow:0 25px 90px #06180f55}
.editor-modal-shell .form-panel{display:block!important;margin:0!important;max-width:none}
.editor-modal-close{position:sticky;top:0;float:right;z-index:2;width:36px;height:36px;border:1px solid #e2e9e3;border-radius:10px;background:#fff;color:#536459;font-size:24px;cursor:pointer;margin:-8px -8px 8px 10px}
body.editor-modal-open{overflow:hidden}
.editor-modal-shell .icon-picker{max-height:240px;overflow:auto}
@media(max-width:650px){.editor-modal-backdrop{padding:8px}.editor-modal-shell{padding:15px;max-height:calc(100vh - 16px);border-radius:14px}}

/* Modal editor hardening */
.editor-modal-backdrop{position:fixed!important;inset:0!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important}.editor-modal-backdrop[hidden]{display:none!important}.editor-modal-shell{width:min(960px,calc(100vw - 32px))!important;max-height:calc(100dvh - 32px)!important;overflow-y:auto!important;overscroll-behavior:contain}.editor-modal-shell .form-panel{display:block!important;margin:0!important}body.editor-modal-open{overflow:hidden!important}

/* Category and application forms are modal-only; never render below the tables. */
.form-panel[data-editor="category"], .form-panel[data-editor="application"] { display:none !important; }
.editor-modal-shell .form-panel[data-editor="category"], .editor-modal-shell .form-panel[data-editor="application"] { display:block !important; }

/* Dark futuristic MERCUSUAR admin */
:root{color-scheme:dark}.admin-body{background:#070b14!important;color:#e6edf7!important;background-image:radial-gradient(ellipse at 15% 0%,#10294388 0,transparent 42%),radial-gradient(ellipse at 95% 30%,#24144755 0,transparent 38%)!important}.admin-sidebar{background:rgba(9,15,28,.97)!important;border-right:1px solid #233047!important}.admin-sidebar .brand{border-bottom:1px solid #1d2a3d!important}.brand-mark{background:linear-gradient(135deg,#22d3ee,#6366f1)!important;color:#07111d!important;box-shadow:0 0 25px #22d3ee33!important}.admin-side-label,.login-kicker{color:#58d5e8!important;letter-spacing:2px!important}.admin-nav{color:#91a4bd!important;border-color:transparent!important}.admin-nav:hover,.admin-nav.active{background:linear-gradient(100deg,#102c40,#151c35)!important;color:#e8fbff!important;border-color:#1d6276!important;box-shadow:inset 3px 0 #22d3ee!important}.admin-main{color:#e6edf7!important}.admin-topbar{border-color:#1d2a3d!important;color:#7f93ad!important}.admin-topbar b,.admin-welcome h1,.section-title h2{color:#edf6ff!important}.view-site,.outline-btn{background:#0e1a2b!important;border:1px solid #29425d!important;color:#8ee8f4!important}.admin-welcome{background:linear-gradient(115deg,#0c1727dd,#12152add)!important;border:1px solid #243650!important;border-radius:20px!important;box-shadow:0 18px 55px #0002!important}.admin-welcome p,.section-title p{color:#8296b1!important}.primary-btn{background:linear-gradient(110deg,#22d3ee,#818cf8)!important;color:#06111e!important;border:0!important}.stat-card{background:linear-gradient(145deg,#101b2d,#0b1220)!important;border:1px solid #253650!important;border-radius:16px!important}.stat-card span,.stat-card small{color:#8195af!important}.stat-card b{color:#75e5f1!important}.admin-section{border-color:#1c2b40!important}.admin-table-wrap,.admin-table,.form-panel{background:#0c1422!important;border-color:#22324a!important}.admin-table th{background:#111d2f!important;color:#6f8ba9!important;border-color:#263650!important}.admin-table td{color:#a3b5ca!important;border-color:#1b2b40!important}.table-name b,.form-panel-heading h3{color:#e1edfa!important}.table-name small,.field-help{color:#8095ad!important}.admin-form label{color:#b8c9dc!important}.field{background:#080f1c!important;color:#e7f2ff!important;border:1px solid #2b3f5a!important}.field:focus{border-color:#22d3ee!important;box-shadow:0 0 0 3px #22d3ee1a!important}.type-fields,.security-box,.icon-picker{background:#0a1321!important;border-color:#263852!important}.subsection-title{color:#78cddd!important;border-color:#253650!important}.form-actions,.admin-footer{border-color:#253650!important}.status.on{background:#0d332f!important;color:#6ee7c7!important}.status.off{background:#242c3b!important;color:#9caec5!important}.icon-choice{background:#101c2e!important;border-color:#263852!important;color:#a9bbd1!important}.icon-choice:hover,.icon-choice.selected{background:#102d3b!important;border-color:#22d3ee!important;color:#a5f3fc!important}.editor-modal-backdrop{background:#020617d9!important;backdrop-filter:blur(10px)!important}.editor-modal-shell{background:#0b1423!important;border:1px solid #2a405d!important;box-shadow:0 30px 100px #000a!important}.editor-modal-close{background:#101e31!important;border-color:#2b405b!important;color:#a8c0d9!important}
.form-panel[data-editor="category"],.form-panel[data-editor="application"]{display:none!important}.editor-modal-shell .form-panel[data-editor="category"],.editor-modal-shell .form-panel[data-editor="application"]{display:block!important}
.category-app-groups{display:grid;gap:12px}.admin-category-group{overflow:hidden;border:1px solid #253852;border-radius:15px;background:linear-gradient(145deg,#0d1728,#0a111e);box-shadow:0 12px 30px #0002}.admin-category-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:13px;padding:16px 18px;user-select:none}.admin-category-group>summary::-webkit-details-marker{display:none}.group-color{width:12px;height:42px;border-radius:8px;background:linear-gradient(180deg,#22d3ee,#818cf8);flex-shrink:0}.group-summary-text{min-width:0;flex:1}.group-summary-text strong{display:block;color:#e4f2ff;font-size:13px}.group-summary-text small{display:block;color:#8196b0;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-chevron{color:#67e8f9;font-size:21px;transition:transform .2s}.admin-category-group[open] .group-chevron{transform:rotate(180deg)}.group-category-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0 18px 14px 43px}.admin-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border:1px solid #2b4059;border-radius:8px;background:#111e30;color:#a9eaf4!important;text-decoration:none;font-size:10px;font-weight:700;cursor:pointer}.admin-action-btn:hover{border-color:#22d3ee;background:#122a3a}.admin-action-btn.danger{color:#fda4af!important;border-color:#57303e;background:#211522}.group-protected{font-size:9px;color:#6f849d}.add-in-group{margin-left:auto}.group-app-list{border-top:1px solid #203047}.group-app-row{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #19283c}.group-app-row:last-child{border-bottom:0}.app-row-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#15283b;border:1px solid #2b4963;color:#8be9f4;font-weight:800;flex-shrink:0}.group-app-name{min-width:0;flex:1}.group-app-name strong{display:block;color:#dceafa;font-size:11px}.group-app-name small{display:block;color:#7187a1;font-size:9px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-row-actions{display:flex;align-items:center;gap:6px}.group-row-actions form{margin:0}.group-empty{padding:16px 20px 18px 44px;color:#6e829b;font-size:11px}@media(max-width:700px){.admin-welcome{padding:20px!important}.group-category-actions{padding-left:16px}.group-app-row{gap:8px;padding:10px}.group-row-actions{flex-direction:column;align-items:stretch}.group-app-name small{max-width:160px}.add-in-group{margin-left:0}}

/* MERCUSUAR v6: balanced midnight + slate + cyan theme */
.admin-body{background:radial-gradient(ellipse at 0% 0%,#e0f2fe12,transparent 36%),radial-gradient(ellipse at 90% 15%,#c4b5fd12,transparent 35%),#111827!important;color:#e8eef7!important}
.admin-sidebar{background:linear-gradient(180deg,#182538,#111827)!important;border-right:1px solid #334155!important}
.admin-welcome{background:linear-gradient(120deg,#1e3a5f,#24334a 55%,#39335e)!important;border:1px solid #475569!important}
.stat-card{background:linear-gradient(145deg,#202e42,#182235)!important;border-color:#394b63!important}
.admin-table-wrap,.admin-table{background:#182235!important;border-color:#35465d!important}
.admin-table th{background:#26364b!important;color:#b6c7dc!important}
.admin-table td{color:#d1dbea!important;border-color:#2b3b50!important}
.form-panel,.admin-category-group{background:linear-gradient(145deg,#1d2a3d,#172235)!important;border-color:#3a4d65!important}
.field{background:#111c2c!important;border-color:#465a72!important;color:#edf4fc!important}
.field:focus{border-color:#67e8f9!important;box-shadow:0 0 0 3px #67e8f91a!important}
.admin-nav:hover,.admin-nav.active{background:linear-gradient(90deg,#1d4b61,#30304e)!important;border-color:#3c7182!important}
.primary-btn{background:linear-gradient(110deg,#67e8f9,#a5b4fc)!important;color:#142033!important}
.admin-action-btn{background:#26364a!important;border-color:#465b73!important;color:#d7f8ff!important}
.admin-action-btn.danger{background:#3a2633!important;border-color:#704054!important;color:#fecdd3!important}
.group-category-icon{width:42px;height:42px;flex:0 0 42px;border-radius:12px;display:grid;place-items:center;color:#263449;font-size:17px;font-weight:800;border:1px solid #ffffff80;box-shadow:0 5px 18px #0002}
.app-row-icon{overflow:hidden;background:#f8fafc!important;color:#334155!important;border-color:#dbe4ee!important}
.app-row-icon img{width:100%;height:100%;object-fit:contain;padding:3px;background:#fff}
/* Forms live only in the modal; no duplicate add/edit panels at page bottom */
body.admin-body > main .form-panel[data-editor="category"],body.admin-body > main .form-panel[data-editor="application"]{display:none!important}
.editor-modal-shell .form-panel[data-editor="category"],.editor-modal-shell .form-panel[data-editor="application"]{display:block!important}

/* MERCUSUAR Bootstrap-inspired palette */
:root{--mu-purple:#9c27b0;--mu-purple-dark:#7b1fa2;--mu-orange:#ff9800;--mu-red:#f44336;--mu-green:#4caf50;--mu-cyan:#00acc1}
.admin-body{background:#f1f3f8!important;color:#343a40}.admin-sidebar{background:linear-gradient(180deg,#fff,#f7f7fb)!important;border-right:1px solid #e2e4ed!important}
.admin-sidebar .brand-mark{background:linear-gradient(145deg,#9c27b0,#673ab7)!important;box-shadow:0 5px 13px #9c27b033}
.admin-nav{color:#687080!important;border-radius:5px!important}.admin-nav:hover,.admin-nav.active{background:linear-gradient(100deg,#9c27b0,#8e24aa)!important;color:#fff!important;box-shadow:0 5px 12px #9c27b033}
.admin-welcome{background:linear-gradient(110deg,#fff,#f5edfa 55%,#fff4e5)!important;border:1px solid #e9dff0!important;box-shadow:0 5px 18px #30364b0a}.admin-welcome .login-kicker{color:#9c27b0!important}
.primary-btn{background:linear-gradient(110deg,#9c27b0,#7e57c2)!important;border-radius:5px!important;box-shadow:0 5px 12px #9c27b033!important}
.stats-grid .stat-card{border:0!important;border-radius:5px!important;box-shadow:0 3px 12px #25304b0b!important;border-top:3px solid #9c27b0!important}
.stats-grid .stat-card:nth-child(2){border-top-color:#4caf50!important}.stats-grid .stat-card:nth-child(3){border-top-color:#f44336!important}.stats-grid .stat-card:nth-child(4){border-top-color:#00acc1!important}
.form-panel,.admin-table-wrap{border-color:#e2e5ee!important;border-radius:6px!important;box-shadow:0 4px 15px #25304b0a!important}.field:focus{border-color:#ab47bc!important;box-shadow:0 0 0 3px #9c27b01c!important}
.icon-choice.selected{background:#f6eafa!important;border-color:#ab47bc!important;color:#7b1fa2!important}
.group-category-icon{display:grid!important;place-items:center!important;color:#fff!important;font-size:23px!important;border-radius:4px!important;box-shadow:0 4px 10px #29304418!important}
.admin-category-icon-glyph{display:grid;place-items:center;width:100%;height:100%;line-height:1;font-size:23px}.app-row-icon{border-radius:4px!important;background:linear-gradient(140deg,#e3f2fd,#ede7f6)!important;color:#7b1fa2!important}
.admin-action-btn{border-radius:4px!important;color:#8e24aa!important}.admin-action-btn:hover{background:#f6eafa!important}
.status.on{background:#e8f5e9!important;color:#2e7d32!important}.status.off{background:#ffebee!important;color:#c62828!important}

/* MERCUSUAR Revisi 8: correct contrast for Bootstrap-inspired light surfaces */
.admin-welcome h1,
.admin-welcome h1 *,
.admin-welcome .welcome-title {
  color: #343a40 !important;
}
.admin-welcome p,
.admin-welcome .welcome-description {
  color: #6c757d !important;
}
.admin-welcome .login-kicker {
  color: #9c27b0 !important;
}
.admin-section .section-title h2,
.admin-section .section-title h2 *,
.admin-section h2 {
  color: #343a40 !important;
}
.admin-section .section-title p {
  color: #6c757d !important;
}
.admin-topbar,
.admin-topbar span,
.admin-topbar i {
  color: #6c757d !important;
}
.admin-topbar b {
  color: #343a40 !important;
}
.admin-side-label {
  color: #7b8494 !important;
}
.admin-sidebar .brand b {
  color: #343a40 !important;
}
.admin-sidebar .brand small {
  color: #7b8494 !important;
}
.admin-footer {
  color: #6c757d !important;
}
.group-category-title,
.group-category-name,
.admin-category-group .category-title {
  color: #f8f9fa !important;
}


/* MERCUSUAR Revisi 9 — bright Bootstrap-inspired workspace */
:root{color-scheme:light!important}
.admin-body{background:#f4f6fb!important;color:#343a40!important;background-image:linear-gradient(135deg,#f8f9fc,#edf1f7)!important}
.admin-sidebar{background:#fff!important;border-right:1px solid #e5e9f2!important;box-shadow:3px 0 18px #26385808!important}
.admin-sidebar .brand{border-bottom:1px solid #e9edf4!important}.admin-sidebar .brand b{color:#343a40!important}.admin-sidebar .brand small,.admin-side-label{color:#7b8494!important}
.brand-mark{background:linear-gradient(135deg,#9227b1,#c135bd)!important;color:#fff!important;box-shadow:0 4px 12px #9227b122!important}
.admin-nav{color:#5c6678!important}.admin-nav:hover,.admin-nav.active{background:linear-gradient(100deg,#9c27b0,#7e35c9)!important;color:#fff!important;border-color:#9227b1!important;box-shadow:inset 3px 0 #00cfe8!important}
.admin-main{color:#343a40!important}.admin-topbar{border-color:#dce2ec!important;color:#6c757d!important}.admin-topbar b,.admin-welcome h1,.section-title h2,.admin-section h2{color:#343a40!important}
.admin-welcome{background:linear-gradient(110deg,#fff,#fdf4ff 62%,#fff4e8)!important;border:1px solid #eee4f2!important;box-shadow:0 14px 34px #28354b10!important}.admin-welcome p,.section-title p{color:#6c757d!important}.login-kicker,.admin-side-label{color:#17b9d1!important}
.stat-card{background:#fff!important;border:1px solid #e7ebf3!important;box-shadow:0 5px 18px #2638580c!important}.stat-card span,.stat-card small{color:#6c757d!important}.stat-card b{color:#17b9d1!important}
.admin-section{border-color:#dce2ec!important}.admin-table-wrap,.admin-table,.form-panel{background:#fff!important;border-color:#e1e6ef!important}.admin-table th{background:#f5f7fb!important;color:#667085!important;border-color:#e5e9f2!important}.admin-table td{color:#475467!important;border-color:#edf0f5!important}.table-name b,.form-panel-heading h3{color:#343a40!important}.table-name small,.field-help{color:#6c757d!important}.admin-form label{color:#475467!important}.field{background:#fff!important;color:#343a40!important;border:1px solid #d7deea!important}.field:focus{border-color:#9227b1!important;box-shadow:0 0 0 3px #9227b11a!important}.type-fields,.security-box,.icon-picker{background:#f8f9fc!important;border-color:#e2e7f0!important}.subsection-title{color:#9227b1!important;border-color:#e5e9f2!important}.form-actions,.admin-footer{border-color:#e1e6ef!important}.icon-choice{background:#fff!important;border-color:#e0e5ef!important;color:#475467!important}.icon-choice:hover,.icon-choice.selected{background:#f8edfc!important;border-color:#b44bca!important;color:#84229c!important}
.editor-modal-backdrop{background:#1e293b70!important;backdrop-filter:blur(5px)!important}.editor-modal-shell{background:#fff!important;border:1px solid #e2e7f0!important;box-shadow:0 30px 80px #1e293b33!important}.editor-modal-close{background:#f5f7fb!important;border-color:#e0e5ef!important;color:#475467!important}
.admin-category-group{background:#fff!important;border:1px solid #e5e9f2!important;box-shadow:0 8px 24px #2638580b!important}.admin-category-group>summary{background:linear-gradient(110deg,var(--cat-a,#f3e8ff),var(--cat-b,#e0f2fe))!important}.group-color{background:linear-gradient(180deg,#9227b1,#00cfe8)!important}.group-summary-text strong{color:#343a40!important}.group-summary-text small{color:#667085!important}.group-chevron{color:#9227b1!important}.group-category-actions{background:#fff!important}.admin-action-btn{background:#f8f9fc!important;border-color:#dfe5ef!important;color:#9227b1!important}.admin-action-btn:hover{border-color:#9227b1!important;background:#fbf2fd!important}.admin-action-btn.danger{color:#c62828!important;border-color:#f2c5c5!important;background:#fff5f5!important}.group-protected,.group-empty{color:#6c757d!important}.group-app-list{border-color:#e5e9f2!important}.group-app-row{border-color:#edf0f5!important}.app-row-icon{background:#f0e7fb!important;border-color:#e1d0f2!important;color:#9227b1!important}.group-app-name strong{color:#343a40!important}.group-app-name small{color:#6c757d!important}.primary-btn{background:linear-gradient(110deg,#9227b1,#c135bd)!important;color:#fff!important}.view-site,.outline-btn{background:#fff!important;border:1px solid #e0e5ef!important;color:#9227b1!important}
.brand-logo-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:132px;height:48px;overflow:hidden;background:#fff;border-radius:8px;padding:3px}.brand-logo-wrap img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.logo-upload-box{padding:16px;border:1px solid #e5e9f2;border-radius:12px;background:#fafbfe}.logo-upload-box>b{display:block;color:#343a40}.logo-upload-box>p{color:#6c757d;font-size:12px}.current-logo{display:flex;align-items:center;justify-content:center;width:240px;height:82px;margin:10px 0;padding:8px;border:1px dashed #d8deea;border-radius:10px;background:#fff}.current-logo img{max-width:100%;max-height:100%;object-fit:contain}.admin-footer{color:#6c757d!important}
@media(max-width:700px){.brand-logo-wrap{width:100px;height:40px}}

.admin-form label:has([name="color_start"]),.admin-form label:has([name="color_end"]),.admin-form label:has([name="color_mode"]),.admin-form label:has([name="gradient_direction"]){display:none!important}

/* MERCUSUAR Revisi 10: brighter category accordion with clear separation */
.admin-category-group {
  background: #fff !important;
  border: 1px solid #dce5f0 !important;
  border-radius: 15px !important;
  box-shadow: 0 5px 18px rgba(39, 58, 92, .07) !important;
  overflow: hidden;
}
.admin-category-group > summary {
  background: linear-gradient(110deg, #f4edff 0%, #edf5ff 100%);
  border-bottom: 1px solid #dfe6f1;
}
.admin-category-group:nth-child(5n+2) > summary { background: linear-gradient(110deg,#fff0e8,#fff8e9); }
.admin-category-group:nth-child(5n+3) > summary { background: linear-gradient(110deg,#e8f8ef,#effcf7); }
.admin-category-group:nth-child(5n+4) > summary { background: linear-gradient(110deg,#fff0f4,#fff6f8); }
.admin-category-group:nth-child(5n+5) > summary { background: linear-gradient(110deg,#e8f8fc,#eff8ff); }
.group-summary-text strong { color: #26354b !important; }
.group-summary-text small { color: #64748b !important; }
.group-chevron { color: #7c3aed !important; }
.group-color { width: 5px !important; height: 38px !important; }
.group-category-actions { background: #f8fafc; border-bottom: 1px solid #e5eaf2; padding-top: 10px !important; }
.group-app-list { background: #fff !important; border-top: 0 !important; }
.group-app-row { background: #fff !important; border-bottom: 1px solid #e8edf4 !important; }
.group-app-row:last-child { border-bottom: 0 !important; }
.group-app-name strong { color: #253449 !important; }
.group-app-name small { color: #687a91 !important; }
.app-row-icon { background: #f1eaff !important; border: 1px solid #dfd0ff !important; color: #7c3aed !important; }
.admin-action-btn { background: #fff !important; border: 1px solid #d9e2ef !important; color: #7c3aed !important; }
.admin-action-btn:hover { background: #f5f0ff !important; border-color: #b9a2f5 !important; }
.admin-action-btn.danger { color: #dc2626 !important; border-color: #fecaca !important; background: #fff7f7 !important; }
.group-protected { color: #77869b !important; }
.login-logo-wrap { width: 220px !important; height: 74px !important; max-width: 100%; padding: 0 !important; background: transparent !important; }
.login-logo-wrap img { max-width: 100%; max-height: 100%; object-fit: contain; }
.admin-sidebar .brand:has(.brand-logo-wrap) { gap: 8px; }
.admin-sidebar .brand-logo-wrap { width: 100%; max-width: 180px; height: 48px; justify-content: flex-start; background: transparent; padding: 0; }
.admin-sidebar .brand-logo-wrap img { max-width: 100%; max-height: 48px; object-position: left center; }
.login-brand:has(.brand-logo-wrap) { justify-content: center; }
@media(max-width:700px) {
  .admin-sidebar .brand-logo-wrap { max-width: 145px; height: 42px; }
  .login-logo-wrap { width: 190px !important; height: 64px !important; }
}


/* MERCUSUAR Revisi 11 — full-width brand and clearly distinct category/app palettes */
.admin-sidebar .brand{width:100%!important;min-height:108px!important;height:auto!important;box-sizing:border-box!important;padding:12px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;gap:0!important}
.admin-sidebar .brand-logo-wrap{width:100%!important;max-width:100%!important;height:84px!important;box-sizing:border-box!important;padding:0!important;margin:0!important;border-radius:0!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important}
.admin-sidebar .brand-logo-wrap img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.admin-sidebar .brand:has(.brand-logo-wrap){border-bottom:1px solid #e3e8f0!important}
.category-app-groups{display:grid!important;gap:17px!important}
.admin-category-group{background:#fff!important;border:1px solid #d5deea!important;border-radius:15px!important;overflow:hidden!important;box-shadow:0 7px 22px rgba(34,48,75,.09)!important}
.admin-category-group>summary{min-height:76px!important;padding:17px 20px!important;border-bottom:1px solid rgba(60,70,100,.08)!important;transition:filter .15s ease!important}
.admin-category-group>summary:hover{filter:saturate(1.15) brightness(.99)!important}
.group-summary-text strong{color:#263247!important;font-size:13px!important;font-weight:750!important}
.group-summary-text small{color:#52647b!important;font-size:11px!important}
.group-category-icon{width:46px!important;height:46px!important;flex:0 0 46px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:11px!important;box-shadow:0 4px 12px rgba(35,45,75,.12)!important}
.group-category-icon .admin-category-icon-glyph{font-size:24px!important}
.group-chevron{color:#394b65!important;font-weight:800!important}
.group-category-actions{padding:12px 18px 12px 22px!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}
.group-app-list{background:#fff!important;border-top:0!important}
.group-app-row{min-height:62px!important;padding:12px 18px!important;border-bottom:1px solid #e5eaf1!important;transition:background .15s ease!important}
.group-app-row:last-child{border-bottom:0!important}
.group-app-name strong{color:#263247!important;font-size:12px!important}
.group-app-name small{color:#5b6d83!important;font-size:10px!important}
.app-row-icon{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:9px!important;overflow:hidden!important;font-size:14px!important;box-shadow:0 2px 7px rgba(40,50,80,.08)!important}
.group-protected,.group-empty{color:#64748b!important}
.admin-action-btn{background:#fff!important;border-color:#d6dfeb!important;color:#7b1fa2!important}
.admin-action-btn.danger{background:#fff5f5!important;border-color:#fecaca!important;color:#dc2626!important}
.status.on{background:#e8f7ed!important;color:#218447!important}.status.off{background:#fff0f0!important;color:#c62828!important}
.admin-category-group:nth-child(6n+1)>summary{background:linear-gradient(115deg,#d8ccff 0%,#c6e7ff 100%)!important}
.admin-category-group:nth-child(6n+1) .group-category-icon{background:linear-gradient(135deg,#8b5cf6,#3b82f6)!important;color:#fff!important}
.admin-category-group:nth-child(6n+1) .group-app-row:nth-child(odd){background:linear-gradient(90deg,#f4f0ff,#f0f8ff)!important}.admin-category-group:nth-child(6n+1) .group-app-row:nth-child(even){background:#fbfaff!important}
.admin-category-group:nth-child(6n+2)>summary{background:linear-gradient(115deg,#ffd7e8 0%,#ffe4c7 100%)!important}
.admin-category-group:nth-child(6n+2) .group-category-icon{background:linear-gradient(135deg,#ec4899,#f97316)!important;color:#fff!important}
.admin-category-group:nth-child(6n+2) .group-app-row:nth-child(odd){background:linear-gradient(90deg,#fff0f7,#fff6ed)!important}.admin-category-group:nth-child(6n+2) .group-app-row:nth-child(even){background:#fffafb!important}
.admin-category-group:nth-child(6n+3)>summary{background:linear-gradient(115deg,#baf3e4 0%,#c9f4ff 100%)!important}
.admin-category-group:nth-child(6n+3) .group-category-icon{background:linear-gradient(135deg,#0d9488,#0891b2)!important;color:#fff!important}
.admin-category-group:nth-child(6n+3) .group-app-row:nth-child(odd){background:linear-gradient(90deg,#eafff8,#effcff)!important}.admin-category-group:nth-child(6n+3) .group-app-row:nth-child(even){background:#f8fffd!important}
.admin-category-group:nth-child(6n+4)>summary{background:linear-gradient(115deg,#ffe9a8 0%,#ffd8b5 100%)!important}
.admin-category-group:nth-child(6n+4) .group-category-icon{background:linear-gradient(135deg,#d97706,#ea580c)!important;color:#fff!important}
.admin-category-group:nth-child(6n+4) .group-app-row:nth-child(odd){background:linear-gradient(90deg,#fff9e8,#fff4ec)!important}.admin-category-group:nth-child(6n+4) .group-app-row:nth-child(even){background:#fffdf8!important}
.admin-category-group:nth-child(6n+5)>summary{background:linear-gradient(115deg,#d8f5b7 0%,#bdeed0 100%)!important}
.admin-category-group:nth-child(6n+5) .group-category-icon{background:linear-gradient(135deg,#65a30d,#16a34a)!important;color:#fff!important}
.admin-category-group:nth-child(6n+5) .group-app-row:nth-child(odd){background:linear-gradient(90deg,#f4ffe9,#edfff4)!important}.admin-category-group:nth-child(6n+5) .group-app-row:nth-child(even){background:#fbfff8!important}
.admin-category-group:nth-child(6n+6)>summary{background:linear-gradient(115deg,#ffc9c9 0%,#ffd9e9 100%)!important}
.admin-category-group:nth-child(6n+6) .group-category-icon{background:linear-gradient(135deg,#dc2626,#db2777)!important;color:#fff!important}
.admin-category-group:nth-child(6n+6) .group-app-row:nth-child(odd){background:linear-gradient(90deg,#fff0f0,#fff1f8)!important}.admin-category-group:nth-child(6n+6) .group-app-row:nth-child(even){background:#fffafa!important}
@media(max-width:700px){.admin-sidebar .brand{min-height:80px!important;padding:8px!important}.admin-sidebar .brand-logo-wrap{height:62px!important}.admin-category-group>summary{padding:13px!important}.group-app-row{flex-wrap:wrap!important}}