:root{--bg:#050a11;--side:#07131d;--panel:#091722;--panel2:#0b1d2c;--line:rgba(255,255,255,.08);--cyan:#00c6ff;--text:#f4f9fd;--muted:#b5c7d4;--danger:#ff4966;--success:#22d69b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,rgba(0,198,255,.12),transparent 34%),#03080f;color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.admin-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#06131d,#03080d);border-right:1px solid var(--line);padding:20px;position:sticky;top:0;height:100vh;overflow:auto}.side-logo{display:flex;align-items:center;gap:14px;margin-bottom:24px}.side-logo img{width:64px}.side-logo strong{display:block;font-size:18px}.side-logo span{display:block;color:var(--muted);font-size:12px}.side-menu{display:grid;gap:6px}.side-menu a{display:flex;gap:11px;align-items:center;padding:12px 13px;border-radius:10px;color:#dcebf4}.side-menu a:hover,.side-menu a.active{background:rgba(0,198,255,.14);color:var(--cyan)}.admin-main{padding:24px;overflow:auto}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.admin-top h1{margin:0;font-size:30px}.admin-top p{margin:6px 0 0;color:var(--muted)}.top-user{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border:1px solid var(--line);padding:10px 12px;border-radius:12px}.top-user a{color:var(--cyan)}.grid{display:grid;gap:18px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.panel,.metric{background:linear-gradient(180deg,rgba(9,23,34,.98),rgba(5,13,20,.98));border:1px solid rgba(60,140,190,.25);border-radius:14px;box-shadow:0 18px 36px rgba(0,0,0,.28)}.panel{padding:20px}.panel h2{margin:0 0 16px}.metric{padding:18px;display:flex;align-items:center;gap:14px}.metric i{width:48px;height:48px;border-radius:50%;background:rgba(0,198,255,.15);display:flex;align-items:center;justify-content:center;color:var(--cyan);font-size:20px}.metric strong{display:block;font-size:28px}.metric span{color:var(--muted)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{color:#dff7ff;background:rgba(255,255,255,.03)}.actions{white-space:nowrap}.actions a{display:inline-block;margin-right:8px;color:var(--cyan)}.form-grid{display:grid;gap:12px}.form-grid label span{display:block;font-weight:700;margin-bottom:6px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:#07111b;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#fff;padding:12px;font-family:inherit}.btn,button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:9px;border:0;cursor:pointer;font-weight:700}.primary{background:linear-gradient(180deg,#28d8ff,#08b9ee);color:#04101a}.ghost{border:1px solid rgba(0,198,255,.45);color:var(--cyan);background:transparent}.danger{background:var(--danger);color:#fff}.alert{padding:13px 16px;border-radius:10px;margin-bottom:16px}.success{background:rgba(34,214,155,.13);border:1px solid rgba(34,214,155,.3)}.error{background:rgba(255,73,102,.13);border:1px solid rgba(255,73,102,.3)}.badge{display:inline-flex;border-radius:99px;padding:5px 9px;background:rgba(0,198,255,.13);color:var(--cyan);font-size:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);padding:30px;background:linear-gradient(180deg,#091722,#050d14);border:1px solid rgba(0,198,255,.25);border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.login-card img{width:92px;margin:0 auto 18px}.login-card h1{text-align:center;margin:0 0 20px}.contract-preview{background:#fff;color:#222;padding:34px;border-radius:8px;line-height:1.7}.qr-box{font-family:monospace;background:#fff;color:#000;padding:10px;border-radius:8px;display:inline-block}.small{color:var(--muted);font-size:13px}@media(max-width:1050px){.admin-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.side-menu{grid-template-columns:repeat(2,1fr)}.two,.three,.four{grid-template-columns:1fr}.admin-top{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.side-menu{grid-template-columns:1fr}.admin-main{padding:16px}.admin-top h1{font-size:24px}}
