*{box-sizing:border-box}body{margin:0;background:#f3f7f9;color:#183043;font-family:Tahoma,Arial,sans-serif;font-size:15px}a{text-decoration:none;color:inherit}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:14px max(4vw,18px);background:#fff;border-bottom:1px solid #dce6eb}.brand{display:flex;align-items:center;gap:12px}.brand b{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#123d58;color:#fff;font-size:21px}.brand h1,.brand p{margin:0}.brand h1{font-size:20px}.brand p,.brand small{display:block;color:#708390;margin-top:4px}.ghost{padding:9px 14px;border:1px solid #d4e0e6;border-radius:11px}.container{width:min(1120px,calc(100% - 28px));margin:30px auto 70px}.hero{padding:30px;border-radius:26px;background:#123d58;color:#fff;box-shadow:0 18px 45px #123d5820}.hero h1{margin:8px 0;font-size:30px}.hero p{color:#d5e5ee;margin:0}.hero span{color:#e6ba5e}.container>nav{display:flex;gap:10px;margin:18px 0}.container>nav a{padding:11px 18px;background:#fff;border-radius:12px;border:1px solid #dce6eb}.title,.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.title{margin:24px 0 12px}.title h2{margin:0}.title span,.muted{color:#748894}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service,.panel,.card{background:#fff;border:1px solid #dae5ea;border-radius:20px;padding:20px;box-shadow:0 5px 18px #1636470a}.service h3{margin:16px 0 7px}.service p{color:#708390;min-height:22px}.badge{display:inline-block;padding:5px 10px;border-radius:20px;background:#eaf2f5;color:#3e667a;font-size:12px}.badge.active{background:#e2f5ea;color:#176b43}.badge.expiring{background:#fff0d4;color:#8d6109}.badge.expired{background:#fde4e4;color:#a43d3d}dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}dl div{background:#f5f8fa;border-radius:12px;padding:11px}dt{font-size:12px;color:#71838f}dd{margin:5px 0 0;font-weight:bold}button{border:0;border-radius:11px;background:#0e6687;color:#fff;padding:11px 17px;font:inherit;font-weight:bold;cursor:pointer}button:disabled{opacity:.5}.service button{width:100%}.panel{margin-top:20px}.ticket-form{display:grid;gap:10px}.ticket-form textarea,.ticket-admin textarea{min-height:100px}.tickets>div,.ticket-admin,.list-row{display:block;border-top:1px solid #e3eaee;padding:15px 0}.tickets p,.ticket-admin p{color:#657b88}.auth{min-height:100vh;display:grid;place-items:center;padding:20px}.card{width:min(430px,100%);padding:28px}.card .brand{margin-bottom:24px}label{display:grid;gap:7px;margin:14px 0;font-weight:bold}input,select,textarea{width:100%;border:1px solid #ccdbe2;border-radius:11px;padding:11px 13px;font:inherit;background:#fff}.card button{width:100%;margin-top:8px}.notice,.error{padding:12px;border-radius:10px;margin:12px 0}.notice{background:#e2f5ea;color:#176b43}.error{background:#fde4e4;color:#a43d3d}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats div{background:#fff;border-radius:18px;padding:20px;border:1px solid #dce6eb}.stats b{display:block;font-size:28px}.stats span{color:#71838f}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.two .panel{display:grid;gap:10px}.two h2{margin:0 0 6px}.list-row{display:flex;justify-content:space-between;align-items:center}.ticket-admin textarea{margin:8px 0}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{padding:22px}.hero h1{font-size:24px}dl{grid-template-columns:1fr}.brand small{display:none}}