*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa;color:#1a1a2e;min-height:100vh}a{color:#1a73e8;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1000px;margin:0 auto;padding:24px}.card,.auth-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:32px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.auth-card{width:100%;max-width:420px}.auth-card h1{font-size:24px;font-weight:700;margin-bottom:8px;color:#1a73e8}.auth-card p.subtitle{color:#666;margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:#333}.form-group input{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:15px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#1a73e8;box-shadow:0 0 0 3px #1a73e81a}.btn,.btn-sm,.btn-google,.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn:disabled,.btn-sm:disabled,.btn-google:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#1a73e8;color:#fff;width:100%;padding:12px}.btn-primary:hover:not(:disabled){background:#1557b0}.btn-google{background:#fff;color:#333;border:1px solid #ddd;width:100%;padding:12px;margin-top:12px}.btn-google:hover{background:#f8f9fa}.btn-sm{padding:6px 16px;font-size:13px}.btn-success{background:#34a853;color:#fff}.btn-success:hover:not(:disabled){background:#2d9249}.btn-danger{background:#ea4335;color:#fff}.btn-danger:hover:not(:disabled){background:#d33426}.btn-outline{background:transparent;color:#1a73e8;border:1px solid #1a73e8}.btn-outline:hover:not(:disabled){background:#1a73e80d}.divider{display:flex;align-items:center;margin:20px 0;color:#999;font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ddd}.divider span{padding:0 12px}.alert,.alert-success,.alert-error{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.alert-error{background:#fce8e6;color:#c5221f}.alert-success{background:#e6f4ea;color:#137333}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.badge-pending{background:#fef7cd;color:#856404}.badge-approved{background:#d4edda;color:#155724}.badge-rejected{background:#f8d7da;color:#721c24}.navbar{background:#fff;border-bottom:1px solid #e8eaed;padding:0 24px;display:flex;align-items:center;height:56px;gap:24px}.navbar .logo{font-size:18px;font-weight:700;color:#1a73e8}.navbar nav{display:flex;gap:16px;margin-left:auto}.navbar nav a{color:#555;font-size:14px;font-weight:500;padding:4px 0}.navbar nav a:hover{color:#1a73e8;text-decoration:none}.navbar nav a.active{color:#1a73e8;border-bottom:2px solid #1a73e8}.table-wrapper{overflow-x:auto}.table-wrapper table{width:100%;border-collapse:collapse}.table-wrapper table th,.table-wrapper table td{text-align:left;padding:12px 16px;border-bottom:1px solid #eee;font-size:14px}.table-wrapper table th{font-weight:600;color:#555;background:#fafafa}.table-wrapper table tr:hover td{background:#f8f9fa}