:root{font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f6f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f6f8fa}a{color:inherit}.app-shell{max-width:1100px;margin:24px auto;padding:24px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0f172a14}.header{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:24px}.header h1{margin:0;color:#1f2937}.subtitle{margin:8px 0 0;color:#6b7280}.logo{height:200px;width:auto}.card{border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px;background:#fff}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:16px}.card-header h2{margin:0}.login-card{max-width:520px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.auth-toggle{display:flex;gap:8px;background:#f3f4f6;padding:4px;border-radius:999px}.auth-toggle-button{border:none;background:transparent;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;color:#374151;cursor:pointer}.auth-toggle-button.active{background:#2563eb;color:#fff}.auth-helper{margin-top:12px;color:#6b7280;font-size:14px}.link-button{background:none;border:none;padding:0;color:#2563eb;font-weight:600;cursor:pointer}.link-button:hover{text-decoration:underline}.user-context{display:flex;justify-content:space-between;align-items:center;gap:16px}.user-info{display:flex;flex-direction:column}.user-info p{margin:0}.user-actions{display:flex;align-items:center;gap:12px}.burger-menu-button{display:flex;flex-direction:column;justify-content:space-around;width:32px;height:32px;background:transparent;border:none;cursor:pointer;padding:0}.burger-menu-button span{width:100%;height:3px;background:#374151;border-radius:2px;transition:all .3s ease}.burger-menu-button:hover span{background:#2563eb}.burger-menu-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:flex-end;z-index:1000}.burger-menu-content{background:#fff;width:300px;height:100%;padding:24px;box-shadow:-4px 0 16px #0000001a;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.burger-menu-close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:32px;line-height:1;cursor:pointer;color:#6b7280;padding:4px}.burger-menu-close:hover{color:#1f2937}.burger-menu-nav{display:flex;flex-direction:column;gap:8px;margin-top:48px}.burger-menu-link{padding:12px 16px;border-radius:8px;color:#374151;text-decoration:none;font-weight:500;transition:all .2s ease}.burger-menu-link:hover{background:#f3f4f6;color:#2563eb}.burger-menu-link.active{background:#2563eb;color:#fff}.nav{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.nav-link{border-radius:999px;padding:8px 16px;background:#f3f4f6;color:#374151;font-weight:600;text-decoration:none;border:1px solid transparent}.nav-link.active{background:#2563eb;color:#fff}.field{display:flex;flex-direction:column;gap:6px}label{font-weight:600;color:#1f2937}input,select{padding:10px 12px;border-radius:8px;border:1px solid #d1d5db;font-size:14px}input:focus,select:focus{outline:2px solid #93c5fd;border-color:#3b82f6}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}button,.button-secondary,.report-actions a{border:none;border-radius:8px;padding:10px 18px;font-size:14px;cursor:pointer;background:#2563eb;color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:disabled{opacity:.6;cursor:not-allowed}.button-secondary{background:#6b7280;color:#fff}.button-secondary:hover,button:hover,.report-actions a:hover{filter:brightness(.95)}.error{color:#dc2626;margin:8px 0 0}.status{color:#6b7280;margin:12px 0 0}.report-list{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:12px}.report-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px;border-radius:10px;background:#f9fafb;border:1px solid #e5e7eb}.report-item span{display:block;color:#6b7280;font-size:13px}.report-actions{display:flex;gap:10px;flex-wrap:wrap}.report-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;vertical-align:middle}.report-badge-pending{background:#fef3c7;color:#92400e}.report-badge-failed{background:#fee2e2;color:#991b1b}.report-output{overflow:hidden}.report-output-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.report-html{overflow-x:auto;padding-top:10px}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #e5e7eb}.admin-table th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#6b7280}.admin-number{text-align:right;font-weight:600}.usage-section-title{margin:20px 0 10px;color:#1f2937}.usage-matrix-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}.usage-toggle{display:flex;gap:8px;background:#f3f4f6;padding:4px;border-radius:999px}.usage-matrix-wrapper{overflow-x:auto}.usage-matrix{min-width:720px}.usage-matrix th,.usage-matrix td{white-space:nowrap}@media(max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-shell{margin:0;border-radius:0;padding:16px}.grid{grid-template-columns:1fr}.user-context,.report-item{flex-direction:column;align-items:flex-start}.nav{width:100%}.logo{height:200px}}
