:root{font-family:Inter,system-ui,sans-serif}body{margin:0;padding:0}:root{--bg: #f8fafc;--primary: #0f172a;--accent: #334155;--border: #e2e8f0;--text-main: #1e293b;--text-muted: #64748b;--white: #ffffff;--radius: 8px;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased}.bg-canvas{position:fixed;inset:0;z-index:-1;pointer-events:none}.auth-container{height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:var(--white);padding:40px;border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border);width:100%;max-width:400px;text-align:center}.login-header h1{font-size:24px;margin:0 0 10px;letter-spacing:-.5px}.login-header p{color:var(--text-muted);font-size:14px;margin-bottom:30px}.input-group input{width:100%;padding:12px 16px;border-radius:var(--radius);border:1px solid var(--border);font-size:15px;margin-bottom:12px;outline:none;transition:border-color .2s}.input-group input:focus{border-color:var(--primary)}.btn-primary{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.login-footer{margin-top:30px;font-size:12px;color:var(--text-muted)}.navbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 20px}.nav-inner{max-width:1000px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-weight:800;font-size:18px}.nav-logo span{font-weight:400;color:var(--text-muted);margin-left:4px}.main-content{max-width:1000px;margin:60px auto;padding:0 20px}.page-header{text-align:center;margin-bottom:50px}.page-header h1{font-size:32px;margin:0 0 12px;letter-spacing:-1px}.page-header p{color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.card{background:var(--white);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.card-content{padding:24px;display:flex;gap:20px;flex-grow:1}.card-icon{font-size:32px;background:var(--bg);width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:10px}.card-tag{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:700}.card-title{margin:4px 0 8px;font-size:18px}.card-desc{margin:0;font-size:14px;color:var(--text-muted);line-height:1.5}.card-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:#fafafa;border-radius:0 0 12px 12px}.action-text{font-size:13px;font-weight:600}.overlay{position:fixed;inset:0;background:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100}.loader-card{background:#fff;padding:30px;border-radius:16px;width:90%;max-width:450px}.progress-bar{height:8px;background:var(--border);border-radius:4px;margin:20px 0;overflow:hidden}.progress-fill{height:100%;background:var(--primary);transition:width .3s ease-out}.loader-actions{display:flex;align-items:center;justify-content:space-between}.btn-secondary{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer}.btn-secondary:disabled{background:#cbd5e1;cursor:not-allowed}.btn-text{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px}.btn-logout{background:none;border:1px solid var(--border);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}@media(max-width:600px){.project-grid{grid-template-columns:1fr}}