:root{--amazon-orange: #ff9900;--amazon-orange-hover: #f08804;--amazon-blue: #232f3e;--amazon-blue-light: #37475a;--amazon-link: #007185;--amazon-link-hover: #c7511f;--bg-page: #eaeded;--bg-card: #ffffff;--bg-input: #ffffff;--bg-hover: #f7fafa;--bg-selected: #f3f9fd;--text-primary: #0f1111;--text-secondary: #565959;--text-muted: #6f7373;--border-default: #d5d9d9;--border-input: #888c8c;--border-focus: #e77600;--success: #007600;--error: #b12704;--warning: #b85b00;--shadow-sm: 0 2px 5px 0 rgba(15, 17, 17, .05);--shadow-md: 0 2px 8px 0 rgba(15, 17, 17, .1);--shadow-lg: 0 4px 12px 0 rgba(15, 17, 17, .15);--max-width: 1200px;--radius-sm: 4px;--radius-md: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Amazon Ember,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-page)}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--amazon-link);text-decoration:none}a:hover{color:var(--amazon-link-hover);text-decoration:underline}h1,h2,h3,h4{font-weight:700;color:var(--text-primary);margin:0 0 12px}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--amazon-blue);color:#fff;display:flex;align-items:center;height:60px;padding:0 24px;box-shadow:var(--shadow-sm)}.header-brand{flex:0 0 auto}.header-brand h1{font-size:18px;color:#fff;margin:0;font-weight:700}.header-nav{flex:1;display:flex;gap:8px;margin-left:32px}.header-nav a{color:#fff;padding:8px 12px;border-radius:var(--radius-sm);font-size:14px;border:1px solid transparent}.header-nav a:hover{border-color:#fff;background:var(--amazon-blue-light);text-decoration:none;color:#fff}.header-user{display:flex;align-items:center;gap:16px;font-size:13px}.header-user span{color:#fff}.btn-logout{background:transparent;border:1px solid #fff;color:#fff;padding:6px 14px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px}.btn-logout:hover{background:var(--amazon-blue-light)}.app-main{flex:1;padding:24px;max-width:var(--max-width);width:100%;margin:0 auto}.app-footer{background:var(--amazon-blue);color:#fff;padding:24px;text-align:center;font-size:12px}.app-footer p{margin:4px 0}.app-footer a{color:#ddd}.app-footer a:hover{color:#fff}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg-page)}.login-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:32px;width:100%;max-width:440px;box-shadow:var(--shadow-md)}.login-card h1{font-size:24px;text-align:center;margin-bottom:8px}.login-subtitle{text-align:center;color:var(--text-secondary);margin:0 0 24px;font-size:14px}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:13px;font-weight:700;color:var(--text-primary)}.form-group input,.form-group textarea{padding:8px 12px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;background:var(--bg-input);color:var(--text-primary);transition:border-color .1s,box-shadow .1s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #e7760033}.form-error{background:#fef0f0;border:1px solid #d13212;color:var(--error);padding:10px 12px;border-radius:var(--radius-sm);font-size:13px}.btn-primary{background:linear-gradient(180deg,#f7dfa5,#f0c14b);border:1px solid #a88734;border-color:#9c7e31 #90742d #846a29;color:var(--text-primary);padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:background .1s}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#f5d78e,#eeb933)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.btn-midway{display:block;width:100%;background:var(--amazon-blue);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:500;transition:background .1s;text-align:center;text-decoration:none;box-sizing:border-box}.btn-midway:hover:not(:disabled){background:var(--amazon-blue-light);color:#fff;text-decoration:none}.btn-midway:disabled{opacity:.5;cursor:not-allowed}.login-footer{margin-top:24px;text-align:center;font-size:13px}.login-footer p{margin:6px 0}.contact-info{color:var(--text-secondary)}.reports-page,.admin-page,.request-access-page{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:32px;box-shadow:var(--shadow-sm)}.page-description{color:var(--text-secondary);margin-bottom:24px}.reports-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.report-card{display:flex;align-items:flex-start;gap:16px;padding:16px 20px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;transition:all .1s}.report-card:hover{background:var(--bg-hover);border-color:var(--amazon-orange)}.report-card.selected{background:var(--bg-selected);border-color:var(--amazon-orange);box-shadow:0 0 0 1px var(--amazon-orange)}.report-radio{margin-top:2px;width:16px;height:16px;cursor:pointer;accent-color:var(--amazon-orange)}.report-details{flex:1}.report-name{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.report-meta{display:flex;gap:16px;font-size:13px;color:var(--text-secondary);flex-wrap:wrap}.btn-download{background:var(--amazon-orange);color:var(--text-primary);border:1px solid #a88734;padding:10px 24px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;font-weight:700;transition:background .1s}.btn-download:hover:not(:disabled){background:var(--amazon-orange-hover)}.btn-download:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px}.alert-error{background:#fef0f0;border:1px solid #d13212;color:var(--error)}.request-access-page{max-width:600px;margin:40px auto}.request-card,.success-card{background:var(--bg-card)}.request-form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.request-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border-default);font-size:13px;text-align:center}.request-footer p{margin:6px 0}.success-card{text-align:center;padding:32px}.success-card h2{color:var(--success)}.tab-bar{display:flex;border-bottom:2px solid var(--border-default);margin-bottom:20px;gap:4px}.tab{padding:10px 20px;border:none;background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .1s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--amazon-link);border-bottom-color:var(--amazon-orange)}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table thead{background:var(--bg-page)}.admin-table th{text-align:left;padding:10px 12px;font-weight:700;border-bottom:2px solid var(--border-default)}.admin-table td{padding:10px 12px;border-bottom:1px solid var(--border-default)}.admin-table tbody tr:hover{background:var(--bg-hover)}.action-buttons{display:flex;gap:8px}.btn-approve,.btn-deny{padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-weight:500;border:1px solid;transition:all .1s}.btn-approve{background:var(--success);color:#fff;border-color:var(--success)}.btn-approve:hover:not(:disabled){background:#005a00}.btn-deny{background:#fff;color:var(--error);border-color:var(--error)}.btn-deny:hover:not(:disabled){background:#fef0f0}.loading{text-align:center;padding:48px;color:var(--text-secondary)}@media (max-width: 768px){.app-header{flex-wrap:wrap;height:auto;padding:12px 16px}.header-nav{margin-left:0;margin-top:12px;width:100%}.header-user{margin-top:8px}.app-main{padding:16px}.reports-page,.admin-page{padding:20px}.report-card{padding:12px}.report-meta{flex-direction:column;gap:4px}}
