@font-face{font-family:system;src:local("Tahoma")}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#182234;font-family:system,Tahoma,Arial,sans-serif;font-size:14px}.sidebar{position:fixed;right:0;top:0;bottom:0;width:245px;background:#111b2e;color:#fff;padding:24px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:17px;margin-bottom:28px}.brand span,.login-logo{display:grid;place-items:center;width:42px;height:42px;background:linear-gradient(135deg,#17a2ff,#6257ff);border-radius:12px;font-weight:800}.sidebar nav{display:grid;gap:6px}.sidebar a,.sidebar button{color:#cbd5e5;text-decoration:none;padding:12px 14px;border-radius:9px;background:none;border:0;text-align:right;font:inherit;cursor:pointer}.sidebar a:hover{background:#1e2c45;color:#fff}.sidebar form{margin-top:auto}.sidebar button{width:100%}main{margin-right:245px;min-height:100vh;padding:28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1,h2,p{margin-top:0}h1{font-size:25px}.primary{display:inline-block;background:#315efb;color:#fff!important;border:0;border-radius:9px;padding:10px 16px;text-decoration:none;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}.cards article,.panel{background:#fff;border:1px solid #e5eaf2;border-radius:14px;padding:18px;box-shadow:0 4px 18px rgba(28,39,60,.04)}.cards small{display:block;color:#738098;margin-bottom:12px}.cards strong{font-size:22px}.cards .danger{border-color:#ffcaca;color:#c02b2b}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-bottom:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.panel-title h2{font-size:17px;margin:0}.panel-title a{color:#315efb;text-decoration:none}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:right;border-bottom:1px solid #edf0f5}th{font-size:12px;color:#768197}td a{color:#243fc0;text-decoration:none}.badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#edf2ff;color:#3150bb;font-size:12px}.customer{display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit;padding:10px 0;border-bottom:1px solid #edf0f5}.customer>span,.avatar{display:grid;place-items:center;background:#e8edff;color:#315efb;width:40px;height:40px;border-radius:12px;font-size:18px;font-weight:700}.customer div{display:grid;flex:1}.customer small{color:#7b879c}.customer b{font-size:12px;color:#56637a}.search{display:flex;gap:8px;max-width:580px;margin-bottom:16px}.search input,.login-card input{width:100%;border:1px solid #dce2eb;border-radius:9px;padding:12px;font:inherit}.search button{border:0;border-radius:9px;padding:0 25px;background:#182234;color:#fff}.profile{display:flex;align-items:center;gap:14px;margin-bottom:18px}.profile .avatar{width:58px;height:58px}.profile div:nth-child(2){flex:1}.profile h2,.profile p{margin:0 0 5px}.compact{grid-template-columns:repeat(4,1fr)}.line{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f5;padding:10px 0;margin:0}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#e7edff,#f5f7fb 50%)}.login-card{width:min(400px,calc(100% - 30px));background:#fff;padding:34px;border-radius:18px;box-shadow:0 20px 60px rgba(17,27,46,.13)}.login-logo{color:#fff;margin-bottom:20px}.login-card h1{margin-bottom:7px}.login-card p{color:#758197}.login-card label{display:block;margin:16px 0 7px}.login-card button{width:100%;margin-top:20px;font:inherit}.alert{background:#fff0f0;color:#b42323;padding:10px;border-radius:8px}@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.sidebar{position:static;width:auto}.sidebar nav{grid-template-columns:repeat(2,1fr)}main{margin:0;padding:16px}.grid{grid-template-columns:1fr}.cards,.compact{grid-template-columns:repeat(2,1fr)}.table-wrap{overflow-x:auto}}