*{box-sizing:border-box}html,body{color:#f5f5f5;background:#08090b;min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,sans-serif}body{min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.admin-shell{background:radial-gradient(circle at 50% 0,#22c55e1a,#0000 32%),#08090b;justify-content:center;align-items:center;min-height:100dvh;padding:32px 20px;display:flex}.admin-box{width:min(1100px,100%);padding:30px}.login-box{background:#0d0e11;border:1px solid #202328;border-radius:18px;width:min(480px,100%);padding:42px;box-shadow:0 22px 70px #00000059}.back-link{color:#9ca3af;align-items:center;gap:6px;font-size:12px;text-decoration:none;display:inline-flex}.back-link:hover{color:#fff}.eyebrow{color:#7d818a;letter-spacing:.16em;margin:0 0 10px;font-size:11px;font-weight:700}.admin-eyebrow{color:#9ae6b4;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 14px;font-size:10px;font-weight:700;display:flex}.admin-eyebrow span{background:#22c55e;border-radius:50%;flex:0 0 8px;width:8px;height:8px;box-shadow:0 0 0 5px #22c55e24}.admin-box h1,.edit-modal h2{color:#f5f5f5;letter-spacing:-.05em;margin:0}.admin-box h1{font-size:clamp(32px,4vw,44px);line-height:1.05}.admin-box input,.edit-modal input,.edit-modal textarea{color:#fff;background:#090a0c;border:1px solid #2a2d33;border-radius:10px;outline:none;width:100%}.admin-box input:focus,.edit-modal input:focus,.edit-modal textarea:focus{border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1f}.admin-box input::placeholder,.edit-modal input::placeholder,.edit-modal textarea::placeholder{color:#6f747d}.password-field{margin-top:22px;position:relative}.password-field input{height:46px;margin-top:0;padding:0 48px 0 13px}.password-toggle{color:#7d818a;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:46px;padding:0;display:inline-grid;position:absolute;top:0;right:7px}.password-toggle:hover{color:#d7d9dd;background:0 0}.password-toggle:focus,.password-toggle:focus-visible{box-shadow:none;outline:none}.primary-button,.add-button,.logout-button,.icon-button,.status-switch{border:0}.primary-button{color:#061109;background:#22c55e;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;margin-top:14px;padding:0 16px;font-weight:750;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 10px 24px #22c55e2e}.primary-button:hover:not(:disabled){background:#34d46b;transform:translateY(-1px);box-shadow:0 14px 30px #22c55e42}.primary-button:disabled{cursor:wait;opacity:.6}.loading-icon{animation:.8s linear infinite admin-spin}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-message{color:#a7f3d0;margin:16px 0 0;font-size:13px}.error-message{color:#fca5a5}.login-box .back-link{color:#aeb2b9;border:1px solid #0000;border-radius:9px;justify-content:center;width:100%;height:46px;margin:15px auto 0}.login-box .back-link:hover{color:#d7d9dd}.login-submit.login-error,.login-submit.login-error:hover{color:#fff;background:#dc2626;border-color:#ef4444a6;transform:none;box-shadow:0 10px 24px #ef444433}.admin-header-row{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.admin-header-title{min-width:0}.admin-header-actions{flex:none;align-items:center;gap:10px;display:flex}.home-button,.logout-button{color:#aeb2b9;background:#101216c7;border:1px solid #2a2d33;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.home-button:hover{color:#9ae6b4;background:#101813f0;border-color:#22c55e73}.logout-button{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.logout-button:hover{color:#fecaca;background:#ef444438;border-color:#ef444473}.admin-actions{color:#7d818a;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.add-button{color:#d7d9dd;background:#ffffff0b;border:1px solid #2a2d33;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:10px 13px;font-size:12px;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 8px 20px #0000002e}.add-button:hover{color:#9ae6b4;background:#22c55e24;border-color:#22c55e73;transform:translateY(-1px);box-shadow:0 12px 26px #00000040}.drag-help{color:#8a9099;margin:0 0 12px;font-size:12px}.tool-list{flex-direction:column;gap:10px;display:flex}.empty-state{color:#777b84;margin:12px 0;font-size:13px}.tool-row{will-change:transform;background:#0b0c0f;border:1px solid #202328;border-radius:12px;grid-template-columns:34px 40px minmax(0,1fr) auto;align-items:center;column-gap:12px;width:100%;min-width:0;min-height:70px;padding:13px 14px;transition:transform .18s cubic-bezier(.2,.8,.2,1),opacity .18s,border-color .18s,background .18s,box-shadow .18s;display:grid;position:relative}.tool-row:hover{background:#0f1013;border-color:#33353b}.tool-row.is-dragging{opacity:.92;background:#101316;border-color:#22c55e8c;transition:opacity .12s,border-color .12s,background .12s,box-shadow .12s;box-shadow:0 20px 45px #0006}.tool-row.is-drag-target{background:#0e1210;border-color:#22c55e66}.drag-handle{appearance:none;color:#69707a;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:8px;outline:none;justify-content:center;align-items:center;width:34px;height:40px;margin:0;padding:0;transition:color .14s,background .14s,transform .14s;display:inline-flex}.drag-handle:hover{color:#d7d9dd;background:#17191e}.drag-handle:active{cursor:grabbing}.drag-handle svg{pointer-events:none}.tool-icon-column{justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tool-icon-column img{object-fit:cover;border:1px solid #2a2d33;border-radius:10px;flex:0 0 40px;width:40px;height:40px;display:block}.tool-row-left,.tool-info{width:100%;min-width:0}.tool-row-left strong,.tool-row-left small{text-overflow:ellipsis;white-space:nowrap;width:100%;min-width:0;display:block;overflow:hidden}.tool-row-left strong{color:#f3f4f6;margin-bottom:5px;font-size:13px;line-height:1.2}.tool-row-left small{color:#777d87;font-size:11px;line-height:1.2}.tool-row-controls{flex:none;justify-content:flex-end;align-items:center;gap:10px;min-width:max-content;display:flex}.status-switch{appearance:none;background:#321619;border:1px solid #5b292d;border-radius:999px;flex:0 0 42px;width:42px;height:24px;padding:3px;transition:border-color .16s,background .16s}.status-switch span{background:#ef4444;border-radius:50%;width:16px;height:16px;transition:transform .16s,background .16s;display:block}.status-switch.is-on{background:#12351e;border-color:#22c55e8c}.status-switch.is-on span{background:#22c55e;transform:translate(17px)}.status-label{color:#aeb2b9;min-width:72px;font-size:12px}.status-label.available{color:#86efac}.status-label.unavailable{color:#fca5a5}.icon-button{color:#aeb2b9;background:0 0;border:1px solid #0000;border-radius:8px;flex:0 0 34px;place-items:center;width:34px;height:34px;padding:0;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-grid}.icon-button:hover{background:#17191e;border-color:#30343b}.delete-icon{color:#ef4444}.delete-icon:hover{background:#7f1d1d38;border-color:#ef444459}.status-switch:focus-visible,.icon-button:focus-visible,.primary-button:focus-visible,.add-button:focus-visible,.logout-button:focus-visible,.home-button:focus-visible,.drag-handle:focus-visible{outline-offset:2px;outline:2px solid #86efac}.modal-backdrop{z-index:20;background:#000000c2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.edit-modal{background:#0d0e11;border:1px solid #292c32;border-radius:16px;width:min(520px,100%);max-height:calc(100dvh - 40px);padding:26px;overflow-y:auto;box-shadow:0 24px 80px #0000008c}.modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.modal-header>div{min-width:0}.edit-modal h2{font-size:25px;line-height:1.1}.edit-modal label{color:#aeb2b9;margin-top:15px;font-size:12px;display:block}.edit-modal input,.edit-modal textarea{margin-top:7px;padding:12px 13px;display:block}.edit-modal textarea{resize:vertical;min-height:96px}.modal-status-row{align-items:center;gap:10px;display:flex!important}.modal-status-row .status-switch{margin-left:5px}.tools-loading{color:#777b84;font-size:13px}@media (max-width:800px){.admin-shell{align-items:flex-start;padding:24px 16px 40px}.admin-box{padding:24px 0}.tool-row{grid-template-columns:34px 40px minmax(0,1fr)}.tool-row-controls{border-top:1px solid #202328;grid-column:2/-1;justify-content:flex-start;padding-top:10px}}@media (max-width:640px){.admin-shell{justify-content:center;align-items:flex-start;min-height:100dvh;padding:12px 10px 32px;display:flex}.admin-box{width:100%;max-width:100%;padding:20px 4px}.login-box{width:100%;max-width:480px;padding:28px 18px}.admin-header-row{flex-direction:column;align-items:stretch;gap:18px;width:100%;margin-bottom:22px;display:flex}.admin-header-title{width:100%}.admin-box h1{overflow-wrap:anywhere;width:100%;max-width:100%;font-size:32px;line-height:1.05}.admin-header-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.home-button,.logout-button{width:100%;min-width:0;min-height:42px;margin:0}.admin-actions{justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:10px;display:flex}.admin-actions>span{min-width:0}.add-button{white-space:nowrap;flex:none}.drag-help{margin-bottom:12px;line-height:1.4}.tool-list{gap:10px;width:100%}.tool-row{border-radius:12px;grid-template-columns:30px 40px minmax(0,1fr);align-items:center;gap:0 10px;width:100%;min-width:0;min-height:0;padding:12px 10px;display:grid}.drag-handle{flex:0 0 30px;width:30px;height:40px}.tool-icon-column,.tool-icon-column img{width:40px;height:40px}.tool-row-left,.tool-info{width:100%;min-width:0}.tool-row-left strong{font-size:13px;line-height:1.25}.tool-row-left small{max-width:100%;margin-top:4px;font-size:10px;line-height:1.2}.tool-row-controls{border-top:1px solid #202328;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-width:0;margin-top:11px;padding-top:10px;display:flex}.status-label{flex:none;min-width:72px}.icon-button{flex:0 0 34px}.modal-backdrop{align-items:flex-start;padding:10px}.edit-modal{border-radius:14px;width:100%;max-width:520px;max-height:calc(100dvh - 20px);padding:20px 16px}.modal-header{gap:10px}.edit-modal h2{font-size:23px}}@media (max-width:380px){.admin-shell{padding-left:8px;padding-right:8px}.admin-box{padding-left:2px;padding-right:2px}.login-box{padding-left:16px;padding-right:16px}.admin-box h1{font-size:29px}.admin-header-actions{grid-template-columns:1fr}.tool-row{grid-template-columns:28px 36px minmax(0,1fr);column-gap:8px;padding:11px 8px}.drag-handle{width:28px}.tool-icon-column,.tool-icon-column img{width:36px;height:36px}.tool-row-left strong{font-size:12px}.tool-row-left small{font-size:9px}.tool-row-controls{gap:7px}.status-label{min-width:65px;font-size:11px}}@media (prefers-reduced-motion:reduce){.tool-row,.drag-handle,.primary-button,.add-button,.home-button,.logout-button,.icon-button,.status-switch,.status-switch span{transition:none!important}}