@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.auth-page-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fff;font-family:Inter,Roboto,Segoe UI,sans-serif}.auth-main{flex:1;display:flex;justify-content:center;align-items:center;padding:40px 20px}.auth-content-box{display:flex;flex-direction:row;max-width:1000px;width:100%;align-items:center;gap:80px}.auth-image-col{flex:1;display:flex;justify-content:center}.auth-image-col img{max-width:100%;height:auto;object-fit:contain}.auth-form-col{flex:1;max-width:400px;display:flex;flex-direction:column}.auth-footer{background-color:#176bff;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:24px 80px;font-size:14px}.auth-footer-social{display:flex;gap:20px}.auth-footer-social a{display:flex;justify-content:center;align-items:center;text-decoration:none}.auth-footer-social svg{width:18px;height:18px;fill:#fff;cursor:pointer;transition:opacity .2s}.auth-footer-social svg:hover{opacity:.8}.auth-title-row{display:flex;align-items:center;gap:20px;margin-bottom:30px}.auth-title{font-size:20px;color:#444;margin:0;font-weight:400}.auth-form{display:flex;flex-direction:column}.auth-input-group{margin-bottom:20px}.auth-input{width:100%;padding:14px 18px;border:1px solid #dcdcdc;border-radius:4px;font-size:15px;box-sizing:border-box;color:#333;transition:border-color .2s}.auth-input::placeholder{color:#999}.auth-input:focus{outline:none;border-color:#176bff}.auth-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:14px}.auth-options label{display:flex;align-items:center;gap:8px;color:#555;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-options input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#176BFF;border:1px solid #ccc;border-radius:3px}.auth-options a{color:#555;text-decoration:none}.auth-submit-btn{background-color:#176bff;color:#fff;border:none;padding:12px 35px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.5px;width:fit-content;margin-bottom:20px;box-shadow:0 4px 10px #176bff33;transition:background-color .2s,box-shadow .2s}.auth-submit-btn:hover{background-color:#1052ca;box-shadow:0 6px 14px #176bff4d}.auth-bottom-text{font-size:14px;color:#333;font-weight:500}.auth-bottom-text a{color:#e63946;text-decoration:none;font-weight:600;margin-left:5px}@media (max-width: 900px){.auth-content-box{flex-direction:column;gap:40px}.auth-image-col{display:none}.auth-footer{padding:24px 30px;flex-direction:column;gap:15px}}:root{--primary: #f43f5e;--primary-hover: #e11d48;--primary-light: #ffe4e6;--secondary: #14b8a6;--text-main: #0f172a;--text-muted: #64748b;--bg-main: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--border-color: #e2e8f0;--gradient-hero: linear-gradient(135deg, #f43f5e 0%, #f97316 50%, #14b8a6 100%);--font-family: "Inter", system-ui, sans-serif;--max-width: 1200px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit;border:none;background:none}body,html,#root{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.section-bg{background-color:var(--bg-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:.5rem;font-weight:500;transition:all .2s;text-align:center}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-main)}.btn-outline:hover{background-color:var(--bg-tertiary)}.btn-sm{padding:.375rem .75rem;font-size:.85rem}.btn:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000000d;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.panel-page{width:100%;min-height:calc(100vh - 4rem);background:var(--bg-secondary);color:var(--text-main)}.panel-shell{width:100%;max-width:1180px;margin:0 auto;padding:1.25rem}.panel-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:1rem;align-items:stretch;margin-bottom:1.25rem}.panel-heading{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.panel-eyebrow{color:var(--primary);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.45rem}.panel-title{font-size:2rem;line-height:1.15;margin-bottom:.6rem}.panel-subtitle{color:var(--text-muted);max-width:720px}.panel-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.metric-card,.panel-card,.table-card{background:#fff;border:1px solid var(--border-color);border-radius:8px}.metric-card{padding:1rem}.metric-value{font-size:1.7rem;font-weight:800;line-height:1}.metric-label{margin-top:.35rem;color:var(--text-muted);font-size:.85rem}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.panel-grid--wide{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.panel-card{padding:1.15rem;display:flex;flex-direction:column;gap:.75rem}.panel-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.panel-card__title{font-size:1.05rem;line-height:1.35}.panel-card__text,.panel-muted{color:var(--text-muted);font-size:.92rem}.panel-card__actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.panel-meta{display:flex;flex-wrap:wrap;gap:.5rem}.chip,.status-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.28rem .65rem;font-size:.78rem;font-weight:700}.chip{color:#334155;background:var(--bg-tertiary);border:1px solid var(--border-color)}.status-pill{background:#eef2ff;color:#3730a3}.status-pill--good{background:#dcfce7;color:#166534}.status-pill--warn{background:#fff7ed;color:#9a3412}.status-pill--danger{background:#fee2e2;color:#991b1b}.progress-track{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#e2e8f0}.progress-fill{height:100%;border-radius:inherit;background:var(--primary)}.table-card{overflow:hidden}.panel-table{width:100%;border-collapse:collapse}.panel-table th,.panel-table td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:top}.panel-table th{color:var(--text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;background:var(--bg-tertiary)}.panel-table tr:last-child td{border-bottom:0}.toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.input,.select,.textarea{width:100%;border:1px solid var(--border-color);border-radius:8px;padding:.75rem .85rem;font:inherit;color:var(--text-main);background:#fff}.textarea{min-height:120px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid .full{grid-column:1 / -1}.form-label{display:grid;gap:.4rem;font-size:.9rem;font-weight:700}.notice{padding:.9rem 1rem;border-radius:8px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af}.notice-success{background:#dcfce7;border-color:#86efac;color:#166534}.notice-error{background:#fee2e2;border-color:#fca5a5;color:#991b1b}.form-actions{display:flex;gap:.75rem;margin-top:.5rem}.qr-box{display:grid;place-items:center;width:min(280px,100%);aspect-ratio:1;border-radius:8px;border:1px solid var(--border-color);background:linear-gradient(90deg,#0f172a 12px,transparent 12px) 0 0 / 32px 32px,linear-gradient(#0f172a 12px,transparent 12px) 0 0 / 32px 32px,#fff}.qr-box span{padding:.5rem .75rem;border-radius:8px;background:#fff;font-weight:800}@media (max-width: 860px){.panel-hero,.form-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 620px){.panel-shell{padding:1rem}.panel-title{font-size:1.55rem}.metric-grid,.panel-grid,.panel-grid--wide{grid-template-columns:1fr}.panel-table{min-width:680px}.table-card{overflow-x:auto}}