*{box-sizing:border-box;margin:0;padding:0}html,body{color:#111827;background:#f8fafc;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-container{min-height:100vh}.auth-page{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;width:100%;max-width:420px;padding:28px;box-shadow:0 10px 30px #0f172a14}.auth-title{margin-bottom:8px;font-size:28px;font-weight:700}.auth-subtitle{color:#6b7280;margin-bottom:24px;font-size:14px}.form-group{margin-bottom:16px}.form-label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:12px 14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#2563eb}.primary-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;padding:12px 16px;font-weight:600}.primary-button:disabled{opacity:.7;cursor:not-allowed}.helper-text{color:#6b7280;text-align:center;margin-top:16px;font-size:14px}.error-text{color:#dc2626;margin-bottom:12px;font-size:14px}.dashboard-shell{min-height:100vh;display:flex}.sidebar{color:#fff;background:#0f172a;width:250px;padding:24px 18px}.sidebar-brand{margin-bottom:28px;font-size:22px;font-weight:700}.sidebar-menu{flex-direction:column;gap:10px;display:flex}.sidebar-link{color:#cbd5e1;border-radius:10px;padding:12px 14px}.sidebar-link:hover{color:#fff;background:#ffffff14}.dashboard-main{flex-direction:column;flex:1;display:flex}.topbar{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:72px;padding:0 24px;display:flex}.topbar-title{font-size:20px;font-weight:700}.topbar-user{color:#6b7280;font-size:14px}.dashboard-content{padding:24px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title{font-size:28px;font-weight:700}.page-subtitle{color:#6b7280;margin-top:6px;font-size:14px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:18px;box-shadow:0 6px 18px #0f172a0d}.grid{gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.project-list{gap:16px;display:grid}.project-card-title{margin-bottom:10px;font-size:18px;font-weight:700}.project-meta{color:#6b7280;margin-bottom:6px;font-size:14px}.badge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-blue{color:#1d4ed8;background:#dbeafe}.badge-green{color:#15803d;background:#dcfce7}.badge-orange{color:#c2410c;background:#ffedd5}@media (max-width:900px){.dashboard-shell{flex-direction:column}.sidebar{width:100%}.grid-3{grid-template-columns:1fr}}