*{box-sizing:border-box}:root{--ink:#17324d;--blue:#087798;--pale:#eaf8ff;--border:#b8dce8;--danger:#b42345;--success:#168a4c}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(145deg,#e6f8ff,#fff7fb 48%,#f5fbff);color:var(--ink);font-family:Montserrat,Verdana,Arial,sans-serif;line-height:1.5}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}.hidden{display:none!important}.login-body{min-height:100dvh;display:grid;place-items:center;padding:20px}.login-card{width:min(100%,470px);background:#fff;border:1px solid #d4e8ef;border-radius:30px;padding:clamp(24px,6vw,40px);box-shadow:0 24px 75px #17324d25}.login-icon{font-size:60px;text-align:center}.login-card h1{text-align:center}.login-card form,.subpanel form{display:grid;gap:13px}.admin-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:12px clamp(12px,3vw,32px);background:#0d5268f4;color:#fff;backdrop-filter:blur(12px);box-shadow:0 7px 24px #17324d25}.brand,.logout,.admin-header nav a{color:#fff;text-decoration:none;font-weight:800}.brand{font-size:18px;white-space:nowrap}.admin-header nav{display:flex;gap:7px;overflow-x:auto;flex:1;scrollbar-width:none}.admin-header nav::-webkit-scrollbar{display:none}.admin-header nav a{padding:8px 11px;border-radius:12px;background:#ffffff15;white-space:nowrap;font-size:14px}.logout{white-space:nowrap}.admin-main{width:min(1280px,100%);margin:auto;padding:clamp(14px,3vw,34px)}.hero,.panel{background:#ffffffdc;border:1px solid #cfe5ed;border-radius:28px;box-shadow:0 15px 45px #17324d13}.hero{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:clamp(22px,4vw,40px);margin-bottom:22px}.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.05;margin:8px 0 12px;max-width:820px}.hero p{max-width:780px}.eyebrow{font-size:12px;letter-spacing:.12em;color:#087798;font-weight:900}.stats{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px}.stats div{background:var(--pale);border-radius:18px;padding:14px;text-align:center}.stats strong{display:block;font-size:27px}.stats span{font-size:12px}.panel{padding:clamp(16px,3vw,30px);margin:22px 0;scroll-margin-top:88px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-title h2{font-size:clamp(24px,4vw,36px);margin:4px 0}.two-columns,.media-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.subpanel{background:#f9fdff;border:1px solid #d7eaf0;border-radius:22px;padding:18px;min-width:0}.subpanel h3{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-grid .full,.full{grid-column:1/-1}label{display:grid;gap:6px;font-weight:750;min-width:0}label small{font-weight:500;color:#5d7480}input,select,textarea{width:100%;min-width:0;border:2px solid var(--border);border-radius:14px;background:#fff;color:var(--ink);padding:11px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px #08779817}input[type=checkbox]{width:22px;height:22px}.switch-label{display:flex;align-items:center;gap:9px;background:#eefaff;border-radius:15px;padding:11px}.color-field span{display:grid;grid-template-columns:54px 1fr;gap:8px}.color-field input[type=color]{height:48px;padding:4px}.primary,button,.link-actions a,.link-actions button{border:0;border-radius:14px;padding:11px 14px;background:#e8f7fc;color:var(--ink);font-weight:800;text-decoration:none;cursor:pointer}.primary{background:var(--blue);color:#fff}.danger{background:var(--danger)!important;color:#fff!important}.danger-soft{background:#ffe7ed!important;color:#9e2342!important}.alert{padding:14px 17px;border-radius:17px;margin:15px 0;font-weight:750}.alert.success{background:#e7f8ee;color:#11693d;border:1px solid #9fd9b9}.alert.error{background:#ffe8ee;color:#8f1d3b;border:1px solid #f0a9ba}.profile-list{display:grid;gap:9px}.profile-card{display:flex;align-items:center;gap:12px;border:2px solid #d6e9f0;border-radius:18px;padding:10px;color:var(--ink);text-decoration:none;background:#fff;min-width:0}.profile-card.active{border-color:var(--blue);box-shadow:0 0 0 3px #08779814}.profile-card img,.profile-card>span{width:50px;height:50px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#edfaff;font-size:27px;flex:0 0 auto}.profile-card div{min-width:0;flex:1}.profile-card strong,.profile-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-card small{color:#607985}.warning-badge{font-size:11px;background:#fff1c9;color:#7c5c00;border-radius:999px;padding:5px 8px}.profile-editor{margin-top:20px;border-top:1px solid #d9eaf0;padding-top:20px}.link-card{display:flex;gap:18px;justify-content:space-between;align-items:center;background:#eaf8ff;border:1px solid #b7ddea;border-radius:20px;padding:17px;margin-bottom:18px}.link-card code{display:block;max-width:780px;overflow:auto;background:#fff;border-radius:10px;padding:9px}.link-actions{display:flex;gap:8px;flex-wrap:wrap}.contact-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.contact-checks label{display:flex;align-items:center;gap:7px;padding:8px;border-radius:12px;background:#fff}.danger-zone{margin-top:18px;padding:16px;border:2px dashed #e9a8b7;border-radius:18px;background:#fff8fa}.info-box{background:#eaf8ff;border-left:5px solid var(--blue);padding:14px 16px;border-radius:14px;margin-bottom:17px}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.device-card{border:1px solid #d1e6ed;border-radius:20px;background:#fff;padding:16px}.device-head{display:grid;gap:3px}.device-head span{color:#57727f;font-size:14px}.inline-form{display:flex!important;gap:8px;grid-template-columns:1fr auto}.inline-form input{flex:1}.revoke-all{display:inline-block;margin:13px 8px 0 0}.empty-admin{text-align:center;padding:30px;color:#607985}.sortable-list{display:grid;gap:9px;margin-top:16px;max-height:720px;overflow:auto;padding-right:3px}.media-row{display:grid;grid-template-columns:58px minmax(80px,1fr) auto auto auto;align-items:center;gap:8px;padding:9px;border:1px solid #d5e8ef;border-radius:16px;background:#fff}.media-row.inactive{opacity:.55}.media-row img,.admin-emoji{width:55px;height:55px;object-fit:contain;border-radius:12px;background:#eefaff;display:grid;place-items:center}.admin-emoji{font-size:34px}.media-row strong,.media-row small{display:block}.media-row small{color:#607985}.media-row form{display:block}.media-row form button{padding:8px 9px;font-size:12px}.order-buttons form{display:flex}.order-buttons button{padding:7px 10px}.emoji-input{font-size:30px;text-align:center;max-width:120px}.icon-preview{display:flex;align-items:center;gap:15px;margin-top:15px}.icon-preview img{width:90px;height:90px;object-fit:contain;background:#eaf8ff;border-radius:20px}.font-list{padding:0;list-style:none;display:grid;gap:7px;max-height:260px;overflow:auto}.font-list li{padding:9px;background:#fff;border:1px solid #d7e9ef;border-radius:12px}.font-list small{display:block;color:#607985}.confirm-modal{position:fixed;inset:0;z-index:100;background:#17324d88;display:grid;place-items:center;padding:18px;backdrop-filter:blur(3px)}.confirm-card{width:min(100%,470px);background:#fff;border-radius:26px;padding:25px;text-align:center;box-shadow:0 25px 80px #0005}.confirm-icon{font-size:55px}.confirm-card>div:last-child{display:flex;gap:10px;justify-content:center}.confirm-card button{min-width:120px}
@media(max-width:900px){.two-columns,.media-columns{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.stats{width:100%}.form-grid{grid-template-columns:1fr 1fr}.admin-header .brand span{display:none}}
@media(max-width:650px){.admin-header{gap:8px;padding-inline:9px}.admin-header nav a{font-size:12px;padding:7px 8px}.logout{font-size:0}.logout:after{content:'↪';font-size:22px}.admin-main{padding:10px}.hero,.panel{border-radius:21px}.form-grid{grid-template-columns:1fr}.link-card{align-items:stretch;flex-direction:column}.media-row{grid-template-columns:48px minmax(70px,1fr) auto}.media-row img,.admin-emoji{width:46px;height:46px}.media-row>form{grid-column:auto}.media-row .order-buttons{grid-column:3}.media-row>form:nth-last-child(-n+2){grid-column:span 1}.stats div{padding:10px}.stats strong{font-size:22px}}
@media(max-width:430px){.media-row{grid-template-columns:45px 1fr auto}.media-row .order-buttons{grid-column:3}.media-row>form{grid-column:2/4}.media-row>form button{width:100%}.inline-form{display:grid!important;grid-template-columns:1fr}.device-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(3,1fr);font-size:11px}}

.group-avatar-preview img{width:92px!important;height:92px!important;border-radius:50%!important;object-fit:cover!important}