@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5972bc34-module__OU16Qa__className{font-family:Inter,Inter Fallback;font-style:normal}
*{box-sizing:border-box}html,body{max-width:100vw;overflow-x:hidden}body{color:#111827;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}:root{--color-primary:#111827;--color-secondary:#6b7280;--color-background:#fff;--color-surface:#f9fafb;--color-border:#e5e7eb;--color-error:#dc2626;--color-success:#059669;--color-warning:#d97706;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--border-radius-sm:.25rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);margin:0}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-surface{background-color:var(--color-surface)}.bg-white{background-color:var(--color-background)}.border{border:1px solid var(--color-border)}.border-radius{border-radius:var(--border-radius-md)}.border-radius-sm{border-radius:var(--border-radius-sm)}.border-radius-lg{border-radius:var(--border-radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
.btn{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border:none;justify-content:center;align-items:center;min-height:2.5rem;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:#374151}.btn-secondary{background-color:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:#f3f4f6}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-lg{padding:var(--spacing-md)var(--spacing-lg);font-size:var(--font-size-base);min-height:3rem}.btn-sm{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-xs);min-height:2rem}.btn-full{width:100%}.card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-elevated{box-shadow:var(--shadow-lg)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-border);background-color:var(--color-surface)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);margin-bottom:var(--spacing-sm);display:block}.form-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);background-color:var(--color-background);transition:border-color .2s}.form-input:focus{border-color:var(--color-primary);outline:none}.form-input:disabled{background-color:var(--color-surface);cursor:not-allowed}.form-error{color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.alert{padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.alert-error{color:var(--color-error);background-color:#fef2f2;border:1px solid #fecaca}.alert-success{color:var(--color-success);background-color:#f0fdf4;border:1px solid #bbf7d0}.alert-warning{color:var(--color-warning);background-color:#fffbeb;border:1px solid #fed7aa}.loading{justify-content:center;align-items:center;gap:var(--spacing-sm);color:var(--color-secondary);font-size:var(--font-size-sm);display:flex}.spinner{border:2px solid #f3f3f3;border-top:2px solid var(--color-primary);border-radius:50%;width:1rem;height:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-container{flex-direction:column;min-height:100vh;display:flex}.page-header{background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg)0}.page-content{padding:var(--spacing-xl)0;flex:1}.page-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--spacing-lg)0;margin-top:auto}.grid{gap:var(--spacing-lg);display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.avatar{object-fit:cover;border-radius:50%;width:2.5rem;height:2.5rem}.avatar-lg{width:4rem;height:4rem}.avatar-sm{width:2rem;height:2rem}.badge{padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);align-items:center;display:inline-flex}.badge-primary{background-color:var(--color-primary);color:#fff}.badge-secondary{background-color:var(--color-surface);color:var(--color-secondary)}.badge-success{color:var(--color-success);background-color:#dcfce7}.badge-warning{color:var(--color-warning);background-color:#fef3c7}.badge-error{color:var(--color-error);background-color:#fecaca}
.auth-layout{background-color:#fff;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{background-color:#fff;border-radius:.75rem;width:100%;max-width:20rem;padding:3rem}.auth-header{margin-bottom:3rem}.auth-logo-container{align-items:center;gap:.5rem;display:flex}.auth-logo-icon{width:2rem;height:2rem}.auth-logo-text{color:#111827;font-size:1.125rem;font-weight:500}.auth-buttons{flex-direction:column;gap:1.5rem;margin-bottom:3rem;display:flex}.btn-google{color:#111827;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;height:2.5rem;font-size:.875rem;font-weight:500;transition:background-color .2s;display:flex}.btn-google:hover{background-color:#f9fafb}.btn-guest{color:#111827;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;height:2.5rem;font-size:.875rem;font-weight:500;transition:background-color .2s}.btn-guest:hover{background-color:#f9fafb}.auth-link{color:#111827;text-decoration:underline}.auth-link:hover{color:#6b7280}.auth-footer{text-align:center;color:#6b7280;margin-top:3rem;font-size:.75rem}.auth-footer a{color:#6b7280;margin:0 .25rem}.auth-footer a:hover{color:#111827}.dashboard-layout{background-color:var(--color-background);min-height:100vh}.dashboard-header{background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg)0}.dashboard-header-content{max-width:1200px;padding:0 var(--spacing-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.dashboard-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-xs)}.dashboard-subtitle{font-size:var(--font-size-sm);color:var(--color-secondary)}.dashboard-user{align-items:center;gap:var(--spacing-sm);display:flex}.dashboard-content{max-width:1200px;padding:var(--spacing-xl)var(--spacing-md);margin:0 auto}.projects-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.project-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);transition:box-shadow .2s}.project-card:hover{box-shadow:var(--shadow-md)}.project-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:flex-start;display:flex}.project-info{flex:1;min-width:0}.project-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);margin-bottom:var(--spacing-xs);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-url{font-size:var(--font-size-xs);color:var(--color-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-actions{gap:var(--spacing-sm);display:flex}.project-stats{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.project-stat{font-size:var(--font-size-xs);color:var(--color-secondary);align-items:center;display:flex}.project-stat svg{width:.75rem;height:.75rem;margin-right:var(--spacing-xs)}.project-buttons{gap:var(--spacing-sm);display:flex}.project-button{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-md);font-size:var(--font-size-xs);text-align:center;flex:1;text-decoration:none;transition:background-color .2s}.project-button-secondary{background-color:var(--color-surface);color:var(--color-primary);border:1px solid var(--color-border)}.project-button-secondary:hover{background-color:#f3f4f6}.project-button-primary{background-color:var(--color-primary);color:#fff}.project-button-primary:hover{background-color:#374151}.profile-layout{background-color:var(--color-background);min-height:100vh}.profile-header{background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg)0}.profile-header-content{max-width:1200px;padding:0 var(--spacing-md);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.profile-content{max-width:1200px;padding:var(--spacing-xl)var(--spacing-md);margin:0 auto}.profile-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-2xl)}.profile-user{margin-bottom:var(--spacing-2xl);align-items:center;display:flex}.profile-avatar{width:4rem;height:4rem;margin-right:var(--spacing-lg);border-radius:50%}.profile-info h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-xs)}.profile-info p{font-size:var(--font-size-sm);color:var(--color-secondary)}.profile-settings{gap:var(--spacing-xl);flex-direction:column;display:flex}.profile-setting{justify-content:space-between;align-items:center;display:flex}.profile-setting-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.profile-setting-value{font-size:var(--font-size-sm);color:var(--color-secondary)}.profile-setting-edit{font-size:var(--font-size-sm);color:var(--color-secondary);cursor:pointer}.profile-setting-edit:hover{color:var(--color-primary)}.empty-state{text-align:center;padding:var(--spacing-2xl)}.empty-state-icon{background-color:var(--color-surface);width:4rem;height:4rem;margin:0 auto var(--spacing-lg);color:var(--color-secondary);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.empty-state-description{font-size:var(--font-size-sm);color:var(--color-secondary);margin-bottom:var(--spacing-lg)}@media (max-width:768px){.auth-card{padding:var(--spacing-lg)}.dashboard-header-content,.profile-header-content{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.dashboard-user{align-self:flex-end}.projects-grid{grid-template-columns:1fr}.project-header{align-items:flex-start;gap:var(--spacing-sm);flex-direction:column}.project-actions{align-self:flex-end}.profile-user{text-align:center;flex-direction:column}.profile-avatar{margin-right:0;margin-bottom:var(--spacing-lg)}}