*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-base);background:var(--color-background);color:var(--color-text);line-height:var(--line-height-base)}.container{width:100%;max-width:1080px;padding:var(--space-16)0 0px;margin:0 auto}.header{background:var(--color-card);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);position:sticky;top:0}.header-content{max-width:1080px;padding:var(--space-4)0;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.logo{font-size:var(--font-2xl);font-weight:var(--font-weight-normal);color:var(--color-primary)}.nav{gap:var(--space-8);display:flex}.nav-link{color:var(--color-text);font-size:var(--font-base);transition:color var(--transition-base);text-decoration:none}.nav-link:hover{color:var(--color-primary)}.main{min-height:calc(100vh - 80px)}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.page-header h2{font-size:var(--font-3xl);font-weight:var(--font-weight-normal)}.projects-grid{gap:var(--space-6);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow var(--transition-base),transform var(--transition-base);cursor:pointer}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:start;display:flex}.project-card-header h3{font-size:var(--font-xl);font-weight:var(--font-weight-normal)}.status-badge{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-weight-normal);text-transform:uppercase}.status-active{background:var(--color-success-bg);color:var(--color-success-text)}.project-details{margin-bottom:var(--space-6)}.detail-row{margin-bottom:var(--space-2);font-size:var(--font-sm);justify-content:space-between;display:flex}.detail-label{color:var(--color-text-secondary)}.detail-value{color:var(--color-text);font-weight:var(--font-weight-normal)}.storage-bar{background:var(--color-border);border-radius:var(--radius-sm);height:6px;margin-top:var(--space-4);overflow:hidden}.storage-bar-fill{background:var(--color-primary);border-radius:var(--radius-sm);height:100%;transition:width var(--transition-slow)}.project-actions{gap:var(--space-3);display:flex}.empty-state{text-align:center;padding:var(--space-16)var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.empty-state h3{font-size:var(--font-2xl);margin-bottom:var(--space-2);color:var(--color-text)}.empty-state p{color:var(--color-text-secondary);margin-bottom:var(--space-8)}.loading-state{text-align:center;padding:var(--space-16)var(--space-8);color:var(--color-text-secondary)}.breadcrumb{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--font-sm);color:var(--color-text-secondary);display:flex}.breadcrumb a{color:var(--color-primary);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.subdomain-link{margin-top:var(--space-2)}.subdomain-link a{color:var(--color-primary);font-size:var(--font-base);text-decoration:none}.subdomain-link a:hover{text-decoration:underline}.storage-info{min-width:200px}.storage-text{font-size:var(--font-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);text-align:right}.upload-area{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12)var(--space-8);text-align:center;margin-bottom:var(--space-8);transition:all var(--transition-base)}.upload-area.dragging{border-color:var(--color-primary);background:var(--color-primary-light)}.upload-content{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.upload-icon{font-size:var(--font-4xl)}.upload-area h3{font-size:var(--font-xl);font-weight:var(--font-weight-normal);color:var(--color-text)}.upload-area p{color:var(--color-text-secondary)}.files-section{margin-top:var(--space-8)}.files-section h3{font-size:var(--font-xl);font-weight:var(--font-weight-normal);margin-bottom:var(--space-4)}.files-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.file-item{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-6);border-bottom:1px solid var(--color-border);transition:background var(--transition-base);display:flex}.file-item:last-child{border-bottom:none}.file-item:hover{background:var(--color-surface-secondary)}.file-icon{font-size:var(--font-2xl);flex-shrink:0}.file-info{flex:1;min-width:0}.file-name{font-weight:var(--font-weight-normal);color:var(--color-text);word-break:break-word}.file-meta{font-size:var(--font-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.btn-delete{font-size:var(--font-xl);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-base);background:0 0;border:none;flex-shrink:0}.btn-delete:hover{background:var(--color-error-bg);color:var(--color-error)}@media (max-width:768px){.header-content{padding:var(--space-4)}.nav{gap:var(--space-4)}.container{padding:var(--space-4)}.projects-grid{grid-template-columns:1fr}.page-header{align-items:start;gap:var(--space-4);flex-direction:column}.page-header>div:last-child{flex-direction:column;width:100%;align-items:stretch!important}.storage-info{width:100%}.storage-text{text-align:left}.upload-area{padding:var(--space-8)var(--space-4)}}