*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:#172033;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.loginPage{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#3767ff,#d84cff)}.loginCard{width:380px;background:#fff;border-radius:14px;padding:34px;box-shadow:0 24px 70px rgba(20,20,60,.24)}.loginCard h1{margin:0 0 26px}.loginCard label,.gridForm label{display:grid;gap:8px;color:#495266;font-weight:600}.loginCard input,.gridForm input,.gridForm textarea,.gridForm select{width:100%;border:1px solid #d7dce8;border-radius:8px;padding:11px 12px;background:#fff;color:#172033}.loginCard button,.gridForm button,.danger{border:0;border-radius:8px;padding:11px 18px;background:#3267ff;color:#fff;font-weight:700;cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#111827;color:#d8deea;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.sidebar strong{font-size:20px;color:#fff;margin-bottom:18px}.sidebar a{color:#d8deea;text-decoration:none;padding:12px 14px;border-radius:8px}.sidebar a.active,.sidebar a:hover{background:#26324b;color:#fff}.content{margin-left:220px;padding:24px 32px}.content header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.content h1{margin:0;font-size:28px}.content h2{margin:0 0 16px}.cards{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;margin-bottom:18px}.card,.panel{background:#fff;border:1px solid #e5e9f3;border-radius:12px;box-shadow:0 8px 24px rgba(21,30,54,.05)}.card{padding:22px}.card span{color:#667085}.card strong{display:block;font-size:34px;margin-top:8px}.panel{padding:20px;margin-bottom:18px}.gridForm{display:grid;grid-template-columns:repeat(3,minmax(160px,1fr));gap:14px;align-items:end}.gridForm .wide{grid-column:1/-1}.gridForm textarea{min-height:92px;resize:vertical}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #edf0f6;vertical-align:top}th{color:#667085;font-size:13px}td{font-size:14px}code{background:#edf2ff;color:#1c45c8;padding:3px 6px;border-radius:5px}.flash{margin-bottom:16px;padding:12px 14px;border-radius:8px;background:#e7f8ef;color:#087443}.flash.error{background:#fff0f0;color:#c02626}.danger{background:#e5484d;padding:7px 12px}@media(max-width:900px){.sidebar{position:static;width:auto}.content{margin-left:0;padding:18px}.cards,.gridForm{grid-template-columns:1fr}}