*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--accent: #0891B2;--text: #0f172a;--muted: #64748b;--surface: #ffffff;--bg: #f8fafc;--border: #e2e8f0;--radius: 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;color:var(--text);background:var(--bg)}.login-wrap{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:40px;width:100%;max-width:400px;box-shadow:0 4px 24px #00000012}.login-brand{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.login-card h1{font-size:26px;font-weight:700;margin-bottom:28px}.login-card label{display:grid;gap:6px}.login-card label span{font-size:13px;font-weight:500;color:var(--muted)}.login-card input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:15px;outline:none;transition:border-color .15s}.login-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0891b226}.login-card button{margin-top:20px;width:100%;padding:13px;background:var(--accent);color:#fff;border:none;border-radius:10px;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.login-card button:disabled{opacity:.6;cursor:default}.login-error{margin-top:12px;font-size:13px;color:#dc2626}.dash-wrap{max-width:1100px;margin:0 auto;padding:40px 24px 80px}.dash-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px}.dash-brand{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:4px}.dash-header h1{font-size:28px;font-weight:700}.logout-btn{padding:8px 16px;background:transparent;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;transition:color .15s,border-color .15s}.logout-btn:hover{color:var(--text);border-color:var(--text)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;text-align:left;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--project-color)}.project-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000017}.project-card-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.project-dot{width:10px;height:10px;border-radius:50%;background:var(--project-color);flex-shrink:0}.project-name{font-size:14px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.project-count{font-size:48px;font-weight:700;line-height:1;color:var(--project-color)}.project-label{font-size:13px;color:var(--muted);margin-top:4px;margin-bottom:16px}.project-meta{font-size:12px;color:var(--muted);padding-top:16px;border-top:1px solid var(--border)}.project-desc{font-size:12px;color:var(--muted);margin-top:4px}.detail-view{max-width:1100px;margin:0 auto;padding:40px 24px 80px}.detail-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:28px}.detail-header>div{flex:1}.detail-header h2{font-size:24px;font-weight:700}.detail-header p{font-size:13px;color:var(--muted);margin-top:4px}.back-btn{padding:8px 14px;background:transparent;border:1px solid var(--border);border-radius:8px;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;white-space:nowrap;transition:color .15s}.back-btn:hover{color:var(--text)}.export-btn{padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:8px;font:inherit;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:opacity .15s}.export-btn:disabled{opacity:.5;cursor:default}.search-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:10px;font:inherit;font-size:14px;outline:none;margin-bottom:20px;transition:border-color .15s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0891b226}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius)}table{width:100%;border-collapse:collapse;font-size:13px}thead{background:var(--bg);position:sticky;top:0}th{text-align:left;padding:12px 16px;font-weight:600;color:var(--muted);text-transform:capitalize;white-space:nowrap;border-bottom:1px solid var(--border)}td{padding:11px 16px;border-bottom:1px solid var(--border);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tr:last-child td{border-bottom:none}tr:hover td{background:#f1f5f9}.empty-row{text-align:center;color:var(--muted);padding:32px}.error-msg{color:#dc2626;font-size:13px;margin-bottom:16px}.loading-msg{color:var(--muted);font-size:14px}