@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");:root{--color-bg:#fafafa;--color-surface:#fff;--color-surface-2:#f5f5f5;--color-surface-3:#eee;--color-border:#e0e0e0;--color-border-hover:silver;--color-text:#1a1a1a;--color-text-muted:#666;--color-text-dim:#999;--color-primary:#1a56db;--color-primary-hover:#1648b8;--color-primary-dim:rgba(26,86,219,.08);--color-green:#059669;--color-green-dim:rgba(5,150,105,.08);--color-amber:#d97706;--color-amber-dim:rgba(217,119,6,.08);--color-danger:#dc2626;--color-danger-dim:rgba(220,38,38,.08);--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px rgba(0,0,0,.04),0 2px 4px rgba(0,0,0,.03);--shadow-lg:0 10px 15px rgba(0,0,0,.04),0 4px 6px rgba(0,0,0,.02);--font-sans:"Inter",system-ui,-apple-system,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}input,select,textarea{font-family:var(--font-sans);font-size:.95rem;padding:.7rem .875rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-dim)}textarea{resize:vertical;min-height:120px}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}label{display:block;color:var(--color-text);margin-bottom:.375rem}.btn,label{font-size:.875rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:var(--radius);cursor:pointer;transition:all .15s;font-family:var(--font-sans);line-height:1.4}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-2);border-color:var(--color-border-hover)}.btn-danger{background:var(--color-danger);color:#fff}.btn-success{background:var(--color-green);color:#fff}.btn-small{padding:.375rem .75rem;font-size:.8rem}.container{max-width:1080px}.container,.container-narrow{margin:0 auto;padding:0 1.5rem}.container-narrow{max-width:680px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:box-shadow .15s}.card:hover{box-shadow:var(--shadow)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;border-radius:100px;letter-spacing:.01em}.badge-red{background:var(--color-danger-dim);color:var(--color-danger)}.badge-green{background:var(--color-green-dim);color:var(--color-green)}.badge-amber{background:var(--color-amber-dim);color:var(--color-amber)}.badge-neutral{background:var(--color-surface-3);color:var(--color-text-muted)}.badge-primary{background:var(--color-primary-dim);color:var(--color-primary)}.status-pending{background:var(--color-amber-dim);color:var(--color-amber)}.status-approved{background:var(--color-green-dim);color:var(--color-green)}.status-rejected{background:var(--color-danger-dim);color:var(--color-danger)}.text-muted{color:var(--color-text-muted)}.text-dim{color:var(--color-text-dim)}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.gap-1{gap:.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:640px){.grid-2{grid-template-columns:1fr}.container,.container-narrow{padding:0 1rem}.card{padding:1.25rem}nav{gap:.75rem!important;font-size:.8rem!important}.badge{font-size:.7rem}}.form-group{margin-bottom:1.25rem}.form-hint{color:var(--color-text-dim)}.form-error,.form-hint{font-size:.8rem;margin-top:.3rem}.form-error{color:var(--color-danger)}.alert{padding:.875rem 1rem;border-radius:var(--radius);font-size:.875rem;line-height:1.6}.alert-info{background:var(--color-primary-dim);border:1px solid rgba(26,86,219,.15);color:#1a56db}.alert-success{background:var(--color-green-dim);border:1px solid rgba(5,150,105,.15);color:#059669}.alert-warning{background:var(--color-amber-dim);border:1px solid rgba(217,119,6,.15);color:#92400e}.alert-danger{background:var(--color-danger-dim);border:1px solid rgba(220,38,38,.15);color:#dc2626}.divider{height:1px;background:var(--color-border);margin:1rem 0}