.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 60% 0,#ddecff,#f5f9ff 42%,#eef4fb)}
.login-card{width:min(440px,100%);padding:28px}.login-brand{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:22px;border-bottom:1px solid var(--border)}.login-brand .wheel{background:#0e6df5;color:#fff;border:0}.login-brand h1{margin:0}.login-brand p{margin:2px 0 0;color:var(--muted)}
.stack-form{display:grid;gap:14px;margin-top:20px}.stack-form label,.form-grid label{display:grid;gap:5px;font-weight:600;color:var(--muted)}.stack-form input,.form-grid input,.form-grid select,.form-grid textarea{width:100%}.stack-form .btn{margin-top:5px}.login-help{font-size:12px;color:var(--muted);margin:18px 0 0}
.header-search-form{margin-left:auto}.header-search-form .header-search{width:min(330px,28vw)}.header form{margin:0}.alert{padding:10px 13px;border-radius:8px;margin-bottom:10px;border:1px solid}.alert.success{background:#e8faf2;color:#137454;border-color:#b8ead7}.alert.error{background:#fff0f1;color:#ad2639;border-color:#f2c0c7}.alert.fade{opacity:.35;transition:opacity .4s}.error-card{width:min(520px,100%);text-align:center;padding:35px}
.action-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.action-row form{margin:0}.filters{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-bottom:10px}.filters label{display:grid;gap:4px;color:var(--muted);font-size:13px}.filters input,.filters select{min-width:150px}.compact-table .btn{white-space:nowrap}
.form-panel{margin-bottom:10px}.form-panel summary{cursor:pointer;font-weight:700;color:var(--blue);padding:2px}.form-panel[open] summary{margin-bottom:12px}.form-grid textarea{min-height:72px}.required:after{content:" *";color:#e13c50}
.edit-modal{width:min(520px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);overflow:auto;padding:22px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);box-shadow:0 20px 60px #0004}.edit-modal::backdrop{background:#07132699;backdrop-filter:blur(2px)}.edit-modal .card-head{margin-bottom:4px}.edit-modal .card-head h2{margin:0}.edit-modal .stack-form{margin-top:0}
.status-pending{color:#aa6400}.status-approved,.status-active,.status-completed{color:#087651}.status-rejected,.status-inactive{color:#b82a3d}.text-right{text-align:right}.nowrap{white-space:nowrap}
.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.report-tile{display:block;color:var(--text);min-height:130px}.report-tile:hover{transform:translateY(-2px)}.print-only{display:none}
@media(max-width:850px){.header-search-form{order:4;width:100%;margin:0}.header-search-form .header-search{width:100%}.report-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.report-grid,.form-grid{grid-template-columns:1fr}.login-card{padding:20px}}
@media print{.sidebar,.header,.filters,.form-panel,.no-print,footer{display:none!important}.main{margin:0}.content{padding:0}.print-only{display:block}.card{box-shadow:none;border:0}body{background:#fff;color:#000}}