.op-shell,.op-login{font-family:Tahoma,Arial,sans-serif;box-sizing:border-box}.op-login{min-height:70vh;display:grid;place-items:center;background:linear-gradient(135deg,#f5f7ff,#eefcf8);padding:24px}.op-login-card,.op-form-card,.op-item{background:#fff;border:1px solid #e8ebf3;border-radius:24px;padding:28px;box-shadow:0 18px 55px rgba(24,39,75,.08)}.op-login-card{width:min(420px,100%);text-align:center}.op-logo{font-size:46px}.op-login input,.op-form-card input,.op-form-card textarea{width:100%;box-sizing:border-box;margin:8px 0;padding:14px 16px;border:1px solid #dfe4ee;border-radius:14px;outline:0}.op-login button,.op-form-card button{width:100%;border:0;border-radius:14px;padding:14px;background:#3157d5;color:#fff;font-weight:700;cursor:pointer}.op-shell{display:grid;grid-template-columns:240px 1fr;min-height:680px;background:#f6f8fc;border-radius:28px;overflow:hidden}.op-side{background:#17213b;color:#fff;padding:28px 18px}.op-side h3{text-align:center}.op-avatar{text-align:center;font-size:44px}.op-side a{display:block;color:#dfe6ff;text-decoration:none;padding:12px 14px;margin:5px 0;border-radius:12px}.op-side a.active,.op-side a:hover{background:#3157d5;color:#fff}.op-main{padding:32px}.op-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.op-card{background:#fff;border-radius:20px;padding:22px;display:grid;gap:8px;box-shadow:0 8px 30px rgba(30,45,80,.06);font-size:20px}.op-card strong{font-size:28px}.op-warning,.op-alert{padding:14px;border-radius:14px;background:#fff4d8;margin-bottom:18px}.op-item{margin:14px 0}.op-item a{display:inline-block;margin-top:10px}.op-table>div,.op-ticket-list>div{display:grid;grid-template-columns:1fr 2fr 1fr;gap:10px;background:#fff;margin:8px 0;padding:16px;border-radius:14px}.op-form-card{max-width:700px}.op-result{margin-top:10px}.op-form-card textarea{min-height:130px}@media(max-width:760px){.op-shell{grid-template-columns:1fr}.op-side{display:flex;overflow:auto;align-items:center;padding:12px}.op-side h3,.op-avatar{display:none}.op-side a{white-space:nowrap}.op-main{padding:18px}.op-cards{grid-template-columns:1fr}.op-table>div{grid-template-columns:1fr}}