*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#1d2939;background:#f4f7fb}a{text-decoration:none;color:inherit}img{max-width:100%}button,input,textarea,select{font:inherit}.admin-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:255px;padding:25px 18px;display:flex;flex-direction:column;color:#fff;background:linear-gradient(175deg,#073f99,#0877f9);box-shadow:12px 0 35px rgba(11,64,139,.12)}.admin-brand{display:flex;align-items:center;gap:12px;padding:0 11px 26px;border-bottom:1px solid rgba(255,255,255,.14)}.admin-brand>span{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#fff;color:#0877f9;font-size:22px;font-weight:800}.admin-brand div{display:flex;flex-direction:column}.admin-brand strong{font-size:18px}.admin-brand small{font-size:10px;opacity:.7}.sidebar-nav{display:flex;flex-direction:column;gap:7px;margin-top:25px}.sidebar-nav a,.sidebar-bottom a{display:flex;align-items:center;gap:12px;padding:12px 13px;border-radius:12px;font-size:13px;font-weight:700;color:rgba(255,255,255,.78);transition:.2s}.sidebar-nav img,.sidebar-bottom img{width:20px;height:20px;opacity:.8}.sidebar-nav a:hover,.sidebar-nav a.active,.sidebar-bottom a:hover{background:rgba(255,255,255,.15);color:#fff}.sidebar-bottom{margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}.admin-main{width:calc(100% - 255px);margin-left:255px}.admin-header{height:92px;padding:0 34px;display:flex;align-items:center;border-bottom:1px solid #e8edf4;background:#fff}.admin-header>div:first-of-type{flex:1}.admin-header p{margin:0;color:#98a2b3;font-size:10px}.admin-header h1{margin:2px 0 0;font-size:23px}.admin-user{display:flex;align-items:center;gap:10px}.admin-user>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf4ff;color:#0877f9;font-weight:800}.admin-user div{display:flex;flex-direction:column}.admin-user strong{font-size:12px}.admin-user small{font-size:10px;color:#98a2b3}.menu-toggle{display:none;border:0;background:transparent;font-size:24px;margin-right:14px}.admin-content{padding:30px 34px 50px}.welcome-panel{display:flex;align-items:center;justify-content:space-between;padding:27px 30px;margin-bottom:22px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#0a4aa8,#0789f5);box-shadow:0 18px 45px rgba(8,90,190,.18)}.welcome-panel span{font-size:9px;font-weight:800;letter-spacing:1.5px;opacity:.75}.welcome-panel h2{margin:4px 0 3px;font-size:26px}.welcome-panel p{margin:0;font-size:12px;opacity:.75}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:10px 17px;border:0;border-radius:11px;cursor:pointer;font-weight:800;font-size:12px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:#0877f9;box-shadow:0 8px 18px rgba(8,119,249,.2)}.btn-secondary{color:#0877f9;background:#eaf4ff}.btn-light{color:#0877f9;background:#fff}.btn-ghost{color:#475467;background:#f2f4f7}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat-card{display:flex;align-items:center;gap:15px;padding:20px;border:1px solid #e8edf3;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(15,45,80,.05)}.stat-icon{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;font-weight:800}.stat-icon.blue{background:#eaf4ff;color:#0877f9}.stat-icon.green{background:#e9fbf5;color:#00a889}.stat-icon.purple{background:#f0edff;color:#6957f5}.stat-icon.orange{background:#fff5e7;color:#f39c12}.stat-card div{display:flex;flex-direction:column}.stat-card small{font-size:10px;color:#667085}.stat-card strong{font-size:25px;line-height:1.2}.stat-card em{font-style:normal;font-size:9px;color:#98a2b3}.dashboard-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:20px}.panel{border:1px solid #e8edf3;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(16,42,70,.045)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:21px 23px;border-bottom:1px solid #eef1f5}.panel-head h3{margin:0;font-size:15px}.panel-head p{margin:3px 0 0;color:#98a2b3;font-size:10px}.panel-head>a{font-size:10px;font-weight:800;color:#0877f9}.simple-list,.ranking-list{padding:7px 22px}.simple-row,.ranking-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f0f2f5}.simple-row:last-child,.ranking-row:last-child{border-bottom:0}.mini-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:var(--mini-color,#0877f9)}.mini-icon-img{width:23px;height:23px;object-fit:contain}.simple-row>div,.ranking-row>div{display:flex;min-width:0;flex:1;flex-direction:column}.simple-row strong,.ranking-row strong{font-size:11px}.simple-row small,.ranking-row small{font-size:9px;color:#98a2b3}.status{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;border-radius:999px;font-size:8px;font-style:normal;font-weight:800}.status.on{color:#00875f;background:#e8faf3}.status.off{color:#d04450;background:#fff0f1}.ranking-row>b{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#f2f4f7;color:#667085;font-size:9px}.page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.filter-form{display:flex;gap:10px;flex:1}.search-input{display:flex;align-items:center;gap:8px;min-width:240px;padding:0 12px;border:1px solid #dfe5ec;border-radius:11px;background:#fff}.search-input input{width:100%;height:42px;border:0;outline:0;background:transparent;font-size:11px}.filter-form select,.admin-form input,.admin-form textarea,.admin-form select,.install-card input,.login-card input,.icon-panel input,.logo-setting input{width:100%;border:1px solid #dfe5ec;border-radius:11px;background:#fff;outline:0;transition:.2s}.filter-form select{max-width:180px;padding:0 12px;font-size:11px}.admin-form input,.admin-form select,.install-card input,.login-card input,.icon-panel input,.logo-setting input{height:43px;padding:0 12px}.admin-form textarea{padding:11px 12px;resize:vertical}.admin-form input:focus,.admin-form textarea:focus,.admin-form select:focus,.install-card input:focus,.login-card input:focus,.icon-panel input:focus{border-color:#0877f9;box-shadow:0 0 0 3px rgba(8,119,249,.1)}.table-panel{overflow:hidden}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:10px}th{text-align:left;padding:12px 16px;color:#667085;background:#f8fafc;font-size:8px;letter-spacing:.5px;text-transform:uppercase}td{padding:13px 16px;border-top:1px solid #eef1f5;color:#475467}.table-app{display:flex;align-items:center;gap:10px;min-width:210px}.table-app div{display:flex;flex-direction:column}.table-app strong{font-size:10px;color:#1d2939}.table-app small{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px;color:#98a2b3}.url-text{display:block;max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-buttons{display:flex;gap:6px}.action-buttons form{margin:0}.icon-btn{display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:9px;background:#edf5ff;color:#0877f9;cursor:pointer;font-weight:800}.icon-btn.danger{background:#fff0f1;color:#dd4452}.empty-cell,.empty-mini{text-align:center;padding:30px;color:#98a2b3}.pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #eef1f5;font-size:9px;color:#667085}.pagination div{display:flex;gap:5px}.pagination a{display:grid;place-items:center;min-width:29px;height:29px;border-radius:8px;background:#f2f4f7}.pagination a.active{background:#0877f9;color:#fff}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.form-panel{padding-bottom:22px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.admin-form{padding:22px}.form-grid label,.login-card label,.icon-panel label,.logo-setting label{display:flex;flex-direction:column;gap:6px;color:#344054;font-size:10px;font-weight:700}.form-grid label small,.field-help,.logo-setting small{font-size:8px;font-weight:500;color:#98a2b3}.span-2{grid-column:span 2}.form-section-title{grid-column:span 2;margin-top:8px;padding-bottom:7px;border-bottom:1px solid #edf0f3;font-size:10px;font-weight:800;color:#0877f9;text-transform:uppercase;letter-spacing:1px}.form-divider{height:1px;margin:5px 22px 22px;background:#eef1f5}.icon-source-tabs{display:flex;gap:8px;padding:0 22px 14px}.icon-source-tabs input{position:absolute;opacity:0}.icon-source-tabs span{display:block;padding:9px 13px;border:1px solid #e1e6ed;border-radius:10px;cursor:pointer;font-size:9px;font-weight:800}.icon-source-tabs input:checked+span{border-color:#0877f9;background:#edf6ff;color:#0877f9}.icon-panel{padding:0 22px}.icon-panel[hidden]{display:none}.icon-search-row{display:flex;gap:9px}.icon-search-row .search-input{flex:1}.icon-results{display:grid;grid-template-columns:repeat(8,1fr);gap:7px;max-height:310px;margin-top:12px;overflow:auto}.icon-choice{display:flex;min-width:0;height:72px;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:5px;border:1px solid #e6ebf1;border-radius:11px;background:#fff;cursor:pointer}.icon-choice:hover,.icon-choice.selected{border-color:#0877f9;background:#edf6ff}.icon-choice img{width:27px;height:27px}.icon-choice small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px}.icon-loading{grid-column:1/-1;padding:35px;text-align:center;color:#98a2b3;font-size:10px}.icon-loading.error{color:#d04450}.toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 22px}.switch-row{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e5eaf0;border-radius:12px;cursor:pointer}.switch-row input{position:absolute;opacity:0}.switch-row>span{position:relative;flex:0 0 auto;width:35px;height:20px;border-radius:999px;background:#d0d5dd}.switch-row>span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.switch-row input:checked+span{background:#0877f9}.switch-row input:checked+span:after{left:18px}.switch-row div{display:flex;flex-direction:column}.switch-row strong{font-size:9px}.switch-row small{font-size:7px;color:#98a2b3}.form-actions,.settings-actions{display:flex;justify-content:flex-end;gap:9px;padding:22px 22px 0}.preview-panel{position:sticky;top:20px;padding:22px}.preview-panel h3{margin:2px 0 18px}.eyebrow{color:#0877f9;font-size:8px;font-weight:800;letter-spacing:1.5px}.preview-card{position:relative;min-height:290px;padding:25px;border:1px solid #e8edf3;border-radius:22px;box-shadow:0 15px 35px rgba(18,49,85,.08)}.app-preview-icon{display:grid;place-items:center;width:65px;height:65px;border-radius:21px;background:var(--preview-color,#0877f9)}.app-preview-icon img{width:34px;height:34px}.preview-card>span{display:block;margin-top:22px;color:#0877f9;font-size:8px;font-weight:800;text-transform:uppercase}.preview-card h4{margin:5px 0 8px;font-size:16px}.preview-card p{margin:0;color:#667085;font-size:10px}.preview-card i{position:absolute;right:20px;bottom:18px;display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#edf6ff;color:#0877f9;font-style:normal}.selected-icon-name{margin-top:14px;font-size:8px;color:#667085}.selected-icon-name code{display:block;margin-top:5px;padding:8px;border-radius:8px;background:#f4f6f8;overflow-wrap:anywhere}.two-column-grid{display:grid;grid-template-columns:380px 1fr;gap:20px}.category-admin-list{padding:8px 22px}.category-admin-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eef1f5}.category-admin-row:last-child{border-bottom:0}.category-admin-row>span{width:13px;height:38px;border-radius:7px;background:var(--category-color)}.category-admin-row>div{display:flex;flex:1;flex-direction:column}.category-admin-row strong{font-size:10px}.category-admin-row small{font-size:8px;color:#98a2b3}.category-admin-row form{margin:0}.checkbox-label{display:flex!important;flex-direction:row!important;align-items:center}.checkbox-label input{width:auto;height:auto}.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.settings-actions{grid-column:1/-1;padding:0}.logo-setting,.color-settings{padding:22px}.current-logo{display:flex;align-items:center;gap:15px;margin-bottom:15px}.current-logo img{width:80px;height:80px;object-fit:contain;padding:7px;border:1px solid #e5e9ef;border-radius:16px}.current-logo label{flex-direction:row;align-items:center}.current-logo input{width:auto;height:auto}.color-settings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:0}.color-settings label{font-size:9px;font-weight:700}.color-settings input{width:100%;height:46px;border:0;background:transparent}.narrow-panel{max-width:760px}.alert{padding:12px 15px;margin-bottom:15px;border-radius:11px;font-size:10px;font-weight:700}.alert-success{color:#087b59;background:#e9faf3;border:1px solid #c9f0e1}.alert-danger,.alert-error{color:#bd3541;background:#fff0f1;border:1px solid #ffd5d9}.install-body,.login-body{min-height:100vh;background:#eef4fb}.install-shell,.login-shell{display:grid;min-height:100vh;grid-template-columns:.85fr 1.15fr}.install-brand,.login-visual{position:relative;display:flex;flex-direction:column;justify-content:center;padding:70px;color:#fff;background:linear-gradient(145deg,#0653c6,#078df4);overflow:hidden}.install-brand:after,.login-visual:after{content:"";position:absolute;width:430px;height:430px;right:-220px;bottom:-170px;border:80px solid rgba(255,255,255,.08);border-radius:50%}.brand-mark,.login-brand>span{display:grid;place-items:center;width:55px;height:55px;margin-bottom:50px;border-radius:17px;background:#fff;color:#0877f9;font-size:27px;font-weight:800}.install-brand h1,.login-visual h1{max-width:560px;margin:8px 0 17px;font-size:44px;line-height:1.13;letter-spacing:-1.8px}.install-brand>p,.login-visual>div>p{max-width:540px;color:rgba(255,255,255,.78);font-size:14px}.install-feature{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:11px;font-weight:700}.install-feature span{display:grid;place-items:center;width:23px;height:23px;border-radius:8px;background:rgba(255,255,255,.14)}.install-card,.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px}.install-card{display:block;max-width:770px;margin:auto;background:transparent}.install-card-head{margin-bottom:23px}.install-card-head h2{margin:3px 0 6px;font-size:28px}.install-card-head p{margin:0;color:#667085;font-size:11px}.install-card form{padding:28px;border:1px solid #e4eaf1;border-radius:22px;background:#fff;box-shadow:0 18px 50px rgba(22,63,112,.09)}.login-visual{justify-content:space-between}.login-brand{display:flex;align-items:center;gap:12px}.login-brand>span{margin:0}.login-brand div{display:flex;flex-direction:column}.login-brand small{font-size:9px;opacity:.7}.login-visual>small{font-size:9px;opacity:.65}.login-card{width:min(410px,100%);padding:35px;border-radius:24px;background:#fff;box-shadow:0 18px 55px rgba(22,63,112,.1)}.login-card-title{margin-bottom:25px}.login-card-title span{font-size:28px}.login-card h2{margin:8px 0 5px;font-size:25px}.login-card p{margin:0;color:#667085;font-size:11px}.login-card label{margin-top:15px}.login-card>.btn{width:100%;margin-top:22px}.password-field{position:relative}.password-field button{position:absolute;right:7px;top:7px;height:29px;border:0;border-radius:7px;background:#edf5ff;color:#0877f9;font-size:8px;font-weight:800}.back-link{display:block;margin-top:18px;text-align:center;color:#667085;font-size:9px;font-weight:700}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.icon-results{grid-template-columns:repeat(6,1fr)}.settings-grid{grid-template-columns:1fr}}
@media(max-width:900px){.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:translateX(0)}.admin-main{width:100%;margin-left:0}.menu-toggle{display:block}.admin-header,.admin-content{padding-left:20px;padding-right:20px}.dashboard-grid,.editor-grid,.two-column-grid{grid-template-columns:1fr}.preview-panel{position:static}.install-shell,.login-shell{grid-template-columns:1fr}.install-brand,.login-visual{display:none}.install-card,.login-form-wrap{padding:30px 18px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:650px){.admin-header{height:80px}.admin-user div{display:none}.admin-content{padding:20px 14px 35px}.welcome-panel{align-items:flex-start;flex-direction:column;gap:18px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-icon{width:40px;height:40px}.stat-card strong{font-size:20px}.page-toolbar,.filter-form{align-items:stretch;flex-direction:column}.filter-form select{max-width:none;height:42px}.page-toolbar>.btn{width:100%}.form-grid{grid-template-columns:1fr}.span-2,.form-section-title{grid-column:span 1}.toggle-grid{grid-template-columns:1fr}.icon-source-tabs{overflow:auto}.icon-results{grid-template-columns:repeat(4,1fr)}.settings-actions{grid-column:auto}.color-settings{grid-template-columns:1fr 1fr 1fr}.install-card form{padding:20px}.login-card{padding:27px 22px}.table-wrap{margin:0 -1px}}