.sidebar{width:250px;flex:none;background-color:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);padding:var(--spacing-md);font-family:var(--font-family-primary)}.sidebar__title{margin-bottom:var(--spacing-xl);color:var(--color-sidebar-text);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl)}.sidebar__nav{list-style:none}.sidebar__item{margin-bottom:var(--spacing-sm)}.sidebar__link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;color:var(--color-sidebar-text);background-color:transparent;border-radius:var(--border-radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:var(--font-weight-medium);border:2px solid transparent}.sidebar__link:hover{background-color:var(--color-sidebar-hover);transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--color-border)}.sidebar__link--active{color:var(--color-sidebar-active-text);background:linear-gradient(135deg,var(--color-clay-brown),var(--color-sienna));transform:translate(4px);box-shadow:var(--shadow-lg);border-color:var(--color-sienna)}.sidebar__link--active:hover{background:linear-gradient(135deg,var(--color-sienna),var(--color-clay-brown));color:var(--color-sidebar-active-text);transform:translate(6px);box-shadow:0 8px 25px #8b45134d}.sidebar__icon{font-size:var(--font-size-lg);display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .3s ease}.sidebar__link:hover .sidebar__icon{transform:scale(1.1) rotate(5deg)}.sidebar__link--active .sidebar__icon{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.sidebar__text{font-size:var(--font-size-base);transition:all .3s ease}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;opacity:0;animation:fadeIn .3s ease forwards}@keyframes fadeIn{to{opacity:1}}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .3s ease;box-shadow:var(--shadow-large)}.sidebar--open{transform:translate(0)}.sidebar__title{margin-top:3rem}}.sidebar__logout{margin-top:auto;border-top:1px solid var(--color-border)}.sidebar__logout-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);width:100%;background:none;border:none;color:var(--color-sidebar-text);font-family:inherit;font-weight:var(--font-weight-medium);border-radius:var(--border-radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;text-align:left}.sidebar__logout-btn:hover{background-color:#ffe8e8;color:#c0392b;transform:translate(4px);box-shadow:var(--shadow-md)}.sidebar__logout-btn .sidebar__icon{font-size:var(--font-size-lg)}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:fixed;top:1rem;left:1rem}.hamburger__line{width:100%;height:2px;background-color:var(--color-dark-clay);transition:all .3s ease;transform-origin:center}.hamburger--open .hamburger__line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger--open .hamburger__line:nth-child(2){opacity:0}.hamburger--open .hamburger__line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width: 768px){.hamburger{display:flex}}.modal-dialog{border:none;border-radius:var(--border-radius-md);padding:0;margin:auto;max-height:90vh;max-width:90vw;background:transparent;box-shadow:var(--shadow-lg);animation:modalSlideIn .2s ease-out}.modal-dialog::backdrop{background:rgba(0,0,0,.6);animation:modalFadeIn .2s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{background:white;border-radius:var(--border-radius-md);border:1px solid var(--color-border);overflow-y:auto;max-height:90vh}.modal-sm{width:min(400px,90vw)}.modal-md{width:min(600px,90vw)}.modal-lg{width:min(800px,90vw)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-clay-brown),var(--color-sienna));color:#fff;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.modal-title{margin:0;font-size:var(--font-size-xl);font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold)}.modal-close-btn{background:transparent;border:none;color:#fff;font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius);transition:background-color .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:rgba(255,255,255,.2)}.modal-body{padding:var(--spacing-lg)}@media (max-width: 768px){.modal-dialog{max-width:95vw}.modal-sm,.modal-md,.modal-lg{width:95vw}.modal-header,.modal-body{padding:var(--spacing-md)}.modal-title{font-size:var(--font-size-lg)}}@media (max-width: 480px){.modal-dialog{max-width:98vw}.modal-sm,.modal-md,.modal-lg{width:98vw}.modal-header,.modal-body{padding:var(--spacing-sm)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-in}.loading-content{background:white;padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);max-width:300px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-border-light);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.loading-text{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.loading-content{margin:var(--spacing-lg);padding:var(--spacing-lg)}.loading-text{font-size:var(--font-size-md)}}.home-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.home-header{background:linear-gradient(135deg,var(--color-clay-brown),var(--color-sienna));color:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-large) var(--border-radius-large) 0 0;box-shadow:var(--shadow-large);text-align:center}.home-header h1{font-size:var(--font-size-xxxl);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.home-header p{opacity:.9;font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.welcome-time{font-size:var(--font-size-base);opacity:.8;margin-top:var(--spacing-sm)}.home-main-content{background:white;border-radius:0 0 var(--border-radius-large) var(--border-radius-large);box-shadow:var(--shadow-large);overflow:hidden}.home-quick-stats{background:var(--color-warm-beige);padding:var(--spacing-2xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3xl);border-bottom:1px solid var(--color-warm-cream)}.home-stat-card{background:white;padding:var(--spacing-lg);border-radius:var(--border-radius-md);text-align:center;box-shadow:var(--shadow-md);border-left:4px solid;transition:transform .2s ease}.home-stat-card:hover{transform:translateY(-2px)}.home-stat-card.total-pieces{border-left-color:var(--color-clay-brown)}.home-stat-card.bisque-stage{border-left-color:var(--color-stage-bisque)}.home-stat-card.starred{border-left-color:var(--color-glaze-gold)}.home-stat-card.ideas-stage{border-left-color:var(--color-stage-ideas)}.home-stat-icon{font-size:var(--font-size-xxl)}.home-navigation{background:var(--color-warm-beige);padding:var(--spacing-xl) var(--spacing-2xl);border-top:1px solid var(--color-warm-cream)}@media (max-width: 768px){.home-container{padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + 50px)}.home-header h1{font-size:var(--font-size-xxl);flex-direction:column}.home-header p{font-size:var(--font-size-lg)}.home-quick-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);padding:var(--spacing-xl)}.home-stat-card{padding:var(--spacing-md)}.home-navigation{padding:var(--spacing-lg)}}@media (max-width: 480px){.home-quick-stats{grid-template-columns:1fr}}.kanban-container{max-width:1400px;margin:0 auto;background:white;border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);overflow:hidden;min-height:80vh}.kanban-board{display:grid;gap:var(--spacing-lg);grid-auto-rows:min-content;padding:1.5rem}@media (min-width: 1920px){.kanban-board{grid-template-columns:repeat(6,minmax(300px,1fr))}}@media (min-width: 1200px) and (max-width: 1919px){.kanban-board{grid-template-columns:repeat(3,minmax(300px,1fr))}}@media (min-width: 769px) and (max-width: 1199px){.kanban-board{grid-template-columns:repeat(2,minmax(300px,1fr))}}@media (max-width: 768px){.kanban-board{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-sm)}}.ideas .pottery-card{border-left-color:var(--color-stage-ideas)}.throw .pottery-card{border-left-color:var(--color-stage-throw)}.trim .pottery-card{border-left-color:var(--color-stage-trim)}.bisque .pottery-card{border-left-color:var(--color-stage-bisque)}.glaze .pottery-card{border-left-color:var(--color-stage-glaze)}.finished .pottery-card{border-left-color:var(--color-stage-finished)}.card .card-title{font-size:1.1rem;margin-bottom:.3rem}.card-type{font-size:.85rem;color:var(--color-text-secondary);background:var(--color-border-light);padding:.2rem .6rem;border-radius:12px}.card .card-content{font-size:.9rem;line-height:1.4}.card .card-meta{font-size:.8rem}.card-dates{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.card-date,.card-due-date,.card-created,.card-updated{display:flex;align-items:center;gap:.3rem;font-size:var(--font-size-xs)}.card-due-date{color:var(--color-priority-medium);font-weight:var(--font-weight-medium)}.card-priority{display:flex;align-items:center;gap:.3rem}.pottery-card .priority-dot{width:8px;height:8px}.card.dragging{opacity:.5;transform:rotate(5deg);cursor:grabbing}.card-draggable{cursor:grab;transition:all .2s ease}.card-draggable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.add-card-btn{display:block;width:100%;padding:var(--spacing-md);background:transparent;border:2px dashed var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;margin-top:var(--spacing-sm);text-decoration:none;text-align:center}.add-card-btn:hover{background:var(--color-light-gray);border-color:var(--color-clay-brown);color:var(--color-clay-brown);transform:translateY(-1px)}.add-card-btn:active{transform:translateY(0)}.column{background:var(--color-pure-white);border-radius:var(--border-radius-md);padding:var(--spacing-lg);min-height:500px;display:flex;flex-direction:column;box-shadow:var(--shadow);border:1px solid var(--color-border-light)}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border-light)}.column-title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);color:var(--color-text-primary)}.column-count{background:var(--color-light-gray);color:var(--color-text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-pill);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);min-width:24px;text-align:center}.card-list{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md)}.stage-icon{font-size:1.3rem}.column.drop-over{border-color:var(--color-primary);border-width:2px;box-shadow:0 0 0 2px #3b82f633}.column.drop-active{background:rgba(59,130,246,.05);border-color:var(--color-primary);border-width:2px;transform:scale(1.02);transition:all .2s ease}.filter-controls{padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-light-gray);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.filters{display:flex;gap:var(--spacing-md);align-items:center}.filter-group{display:flex;align-items:center;gap:var(--spacing-xs)}.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-dark-clay);white-space:nowrap}.form-select{color:var(--color-dark-clay)}.filter-checkbox{accent-color:var(--color-clay-brown)}.search-and-add{display:flex;gap:var(--spacing-md);align-items:center}.search-box{width:250px}.add-btn{background:linear-gradient(135deg,var(--color-clay-brown),var(--color-sienna));color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:transform .2s ease}.add-btn:hover{transform:translateY(-1px)}@media (max-width: 768px){.filter-controls{flex-direction:column;align-items:stretch;padding:var(--spacing-lg) var(--spacing-sm)}.filters{flex-wrap:wrap;justify-content:center}.search-box{width:100%}}.table-view-container{max-width:1400px;margin:0 auto;background:white;border-radius:var(--border-radius-large);box-shadow:var(--shadow-large);overflow:hidden}.table-header{background:linear-gradient(135deg,var(--color-clay-brown),var(--color-sienna));color:#fff;padding:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center}.header-content h1{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.header-content p{opacity:.9;font-size:var(--font-size-lg)}.view-toggle{display:flex;gap:var(--spacing-xs);background:rgba(255,255,255,.1);padding:var(--spacing-xs);border-radius:var(--border-radius-md)}.toggle-btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);background:transparent;color:#fff;cursor:pointer;transition:background .2s ease;font-size:var(--font-size-sm)}.toggle-btn.active{background:rgba(255,255,255,.2);font-weight:var(--font-weight-semibold)}.table-content{padding:var(--spacing-xl);overflow-x:auto}.pottery-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.pottery-table th{background:var(--color-warm-beige);padding:var(--spacing-md) var(--spacing-sm);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-dark-clay);border-bottom:2px solid var(--color-warm-cream);position:sticky;top:0;z-index:10}.pottery-table td{padding:var(--spacing-md) var(--spacing-sm);border-bottom:1px solid var(--color-light-gray);vertical-align:top}.pottery-table tr:hover{background:var(--color-light-gray)}.piece-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.piece-name{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-base)}.piece-title-link{color:var(--color-clay-brown);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color .2s ease}.piece-title-link:hover{color:var(--color-dark-clay);text-decoration:underline}.piece-type{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-light-gray);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-pill);display:inline-block;width:fit-content}.star-icon{margin-right:var(--spacing-xs);font-size:var(--font-size-sm)}.priority-indicator{display:flex;align-items:center;gap:var(--spacing-xs)}.description{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:300px}.status-info{color:var(--color-text-muted);font-size:var(--font-size-xs)}.actions{display:flex;gap:var(--spacing-xs)}.action-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:white;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);transition:all .2s ease}.star-action.starred{color:gold;border-color:gold}.star-action.starred:hover{background:rgba(255,215,0,.1);color:gold;border-color:gold}.star-action.unstarred{color:var(--color-text-muted)}.star-action.unstarred:hover{color:gold;border-color:gold;background:rgba(255,215,0,.05)}.stats-bar{background:var(--color-warm-beige);padding:var(--spacing-md) var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);border-top:1px solid var(--color-warm-cream)}.stat-item{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-clay-brown)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.progress-bar{width:200px;height:8px;background:var(--color-border);border-radius:var(--border-radius-sm);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,var(--color-clay-brown),var(--color-sienna));border-radius:var(--border-radius-sm);transition:width .3s ease}@media (max-width: 768px){.table-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.table-content{padding:var(--spacing-lg) var(--spacing-sm)}.pottery-table{font-size:var(--font-size-xs)}.pottery-table th,.pottery-table td{padding:var(--spacing-sm) var(--spacing-xs)}}.stage-update-dialog{padding:var(--spacing-md) 0}.current-piece-info{text-align:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.current-piece-info h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-dark-clay);font-family:var(--font-family-primary);font-size:var(--font-size-lg)}.stage-update-dialog .piece-type{margin:0 0 var(--spacing-md) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic}.current-stage{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex-wrap:wrap}.stage-label{color:var(--color-text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm)}.stage-selection{margin-bottom:var(--spacing-xl)}.stage-select-label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-size:var(--font-size-sm)}.stage-update-actions{display:flex;gap:var(--spacing-md);justify-content:center}@media (max-width: 480px){.stage-update-actions{flex-direction:column;gap:var(--spacing-sm)}.current-stage{flex-direction:column;gap:var(--spacing-xs)}}.confirm-dialog{text-align:center;padding:var(--spacing-md) 0}.confirm-icon{font-size:var(--font-size-xxxl);margin-bottom:var(--spacing-md)}.confirm-icon-danger{color:var(--color-priority-high)}.confirm-icon-warning{color:var(--color-priority-medium)}.confirm-icon-info{color:var(--color-clay-brown)}.confirm-message{font-size:var(--font-size-base);color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg);margin-top:0}.confirm-actions{display:flex;gap:var(--spacing-md);justify-content:center}@media (max-width: 480px){.confirm-actions{flex-direction:column;gap:var(--spacing-sm)}.confirm-actions .btn{width:100%}}.page{padding:var(--spacing-xl);flex:1;overflow-y:auto;background-color:var(--color-surface)}@media (max-width: 768px){.page{padding:4rem var(--spacing-sm) var(--spacing-lg) var(--spacing-sm)}}.page__title{font-size:var(--font-size-xxl);color:var(--color-dark-clay);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-bold);font-family:var(--font-family-primary)}.pieces-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.view-tabs{display:flex;gap:var(--spacing-xs);background:var(--color-light-gray);padding:var(--spacing-xs);border-radius:var(--border-radius-md)}.tab{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--color-text-secondary);text-decoration:none;cursor:pointer;transition:all .2s ease;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.tab:hover{background:var(--color-border);color:var(--color-text-primary)}.tab.active{background:var(--color-clay-brown);color:#fff;font-weight:var(--font-weight-semibold)}.pieces-content{min-height:500px}@media (max-width: 768px){.pieces-header{flex-direction:column;gap:var(--spacing-md);align-items:stretch}.view-tabs{justify-content:center}}.piece-detail-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.piece-detail-header{background:linear-gradient(135deg,var(--color-clay-brown),var(--color-sienna));color:#fff;padding:var(--spacing-xl);border-radius:var(--border-radius-large);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.header-content{flex:1}.header-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.piece-detail-header h1{font-size:var(--font-size-xxxl);margin-bottom:var(--spacing-md);font-family:var(--font-family-primary)}.piece-meta{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.piece-creator{margin-top:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.creator-label{color:#fffc;font-weight:var(--font-weight-medium)}.creator-link{color:#fff;text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);background:rgba(255,255,255,.1);transition:all .2s ease;border:1px solid rgba(255,255,255,.2)}.creator-link:hover{background:rgba(255,255,255,.2);transform:translateY(-1px);text-decoration:none}.creator-link--self{background:rgba(255,255,255,.15);border-color:#ffffff4d}.piece-detail-content{display:grid;gap:var(--spacing-xl)}.piece-basic-info{background:white;padding:var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow)}.info-section h3{color:var(--color-dark-clay);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);font-family:var(--font-family-primary);border-bottom:2px solid var(--color-warm-cream);padding-bottom:var(--spacing-sm)}.info-section p{margin-bottom:var(--spacing-sm);color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.info-section strong{color:var(--color-dark-clay);font-weight:var(--font-weight-semibold)}.stage-details-section{background:white;padding:var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:var(--shadow)}.stage-details-section h3{color:var(--color-dark-clay);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);font-family:var(--font-family-primary);border-bottom:2px solid var(--color-warm-cream);padding-bottom:var(--spacing-sm)}.stages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.stage-card{border:2px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);background:var(--color-warm-beige);transition:all .2s ease}.stage-card.current-stage{flex-direction:column;justify-content:start;align-items:stretch;background:var(--color-cream);box-shadow:var(--shadow-md);transform:scale(1.02);border-width:4px;border-style:solid}.stage-card.stage-ideas{border-color:var(--color-stage-ideas);background:var(--color-warm-beige)}.stage-card.stage-throw{border-color:var(--color-stage-throw);background:var(--color-warm-beige)}.stage-card.stage-trim{border-color:var(--color-stage-trim);background:var(--color-warm-beige)}.stage-card.stage-bisque{border-color:var(--color-stage-bisque);background:var(--color-warm-beige)}.stage-card.stage-glaze{border-color:var(--color-stage-glaze);background:var(--color-warm-beige)}.stage-card.stage-finished{border-color:var(--color-stage-finished);background:var(--color-warm-beige)}.stage-card h4{color:var(--color-dark-clay);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);text-transform:capitalize;border-bottom:1px solid var(--color-warm-cream);padding-bottom:var(--spacing-xs)}.stage-weight,.stage-glazes,.stage-notes{margin-bottom:var(--spacing-md)}.stage-weight strong,.stage-glazes strong,.stage-notes strong{color:var(--color-dark-clay);font-weight:var(--font-weight-semibold);display:block;margin-bottom:var(--spacing-xs)}.stage-glazes p,.stage-notes p{color:var(--color-text-primary);line-height:var(--line-height-relaxed);margin-bottom:0}.stage-image{margin-bottom:var(--spacing-md)}.stage-image strong{color:var(--color-dark-clay);font-weight:var(--font-weight-semibold);display:block;margin-bottom:var(--spacing-xs)}.image-upload-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.image-upload-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.file-input{flex:1}.upload-status{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.image-url-input{font-size:var(--font-size-sm)}.image-preview,.image-display{margin-top:var(--spacing-sm)}.stage-image-preview,.stage-image-display{width:100%;max-width:300px;height:200px;object-fit:cover;border-radius:var(--border-radius);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.stage-image-preview{opacity:.9}.stage-image-display{cursor:pointer;transition:transform .2s ease}.stage-image-display:hover{transform:scale(1.02)}.piece-not-found{text-align:center;padding:var(--spacing-2xl);background:white;border-radius:var(--border-radius-md);box-shadow:var(--shadow)}.piece-not-found h1{color:var(--color-dark-clay);font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md);font-family:var(--font-family-primary)}.piece-not-found p{color:var(--color-text-secondary);font-size:var(--font-size-lg)}@media (max-width: 768px){.piece-detail-container{padding:var(--spacing-md);padding-top:calc(var(--spacing-md) + 50px)}.piece-detail-header{padding:var(--spacing-lg)}.piece-detail-header h1{font-size:var(--font-size-xxl)}.piece-meta{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.stages-grid{grid-template-columns:1fr}.stage-card.current-stage{transform:none}.piece-basic-info,.stage-details-section{padding:var(--spacing-lg)}}.weight-input{width:120px}.piece-detail-footer{margin-top:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.archive-section{background:#f8f9fa;border:2px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-xl)}.archive-section h3{color:var(--color-dark-clay);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold)}.archive-section p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed)}.danger-zone{background:#fdf2f2;border:2px solid #feb2b2;border-radius:var(--border-radius-md);padding:var(--spacing-xl)}.danger-zone h3{color:var(--color-priority-high);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold)}.danger-zone p{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed)}.title-with-star{display:flex;align-items:center;gap:var(--spacing-sm)}.star-toggle{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px}.star-toggle:hover{background:rgba(255,255,255,.1);transform:scale(1.1)}.star-toggle:active{transform:scale(.95)}.star-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none}.star-toggle.starred{color:gold;text-shadow:0 0 4px rgba(255,215,0,.5)}.star-toggle.unstarred{color:#ffffffb3}.star-toggle.unstarred:hover{color:gold}.star-display{color:gold;margin-left:var(--spacing-sm);text-shadow:0 0 4px rgba(255,215,0,.5)}@media (max-width: 768px){.piece-detail-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.header-actions{flex-direction:column}.archive-section,.danger-zone{padding:var(--spacing-lg)}}.profile-picture-component{border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));display:flex;align-items:center;justify-content:center;border:2px solid var(--color-clay-brown);color:#fff;flex-shrink:0;overflow:hidden;position:relative}.profile-picture-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-picture-fallback{font-size:1.5rem;display:flex;align-items:center;justify-content:center}.profile-picture-interactive{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profile-picture-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.profile-picture-interactive:focus{outline:2px solid var(--color-primary);outline-offset:2px}.profile-picture-thumbnail{border-width:1px}.profile-picture-thumbnail .profile-picture-fallback{font-size:1rem}.profile-picture-small .profile-picture-fallback{font-size:1.5rem}.profile-picture-medium{border-width:3px}.profile-picture-medium .profile-picture-fallback{font-size:2rem}.profile-picture-large{border-width:4px}.profile-picture-large .profile-picture-fallback{font-size:3rem}.profile-picture-extra_large{border-width:4px}.profile-picture-extra_large .profile-picture-fallback{font-size:4rem}.profile-picture-avatar{border-width:4px}.profile-picture-avatar .profile-picture-fallback{font-size:5rem}.profile-page{max-width:1200px;margin:0 auto;padding:2rem;background:var(--color-surface)}.profile-header{background:linear-gradient(135deg,#f5f1eb,#e8ddd4);border:2px solid var(--color-primary);border-radius:20px;padding:3rem 2rem;margin-bottom:2rem;color:var(--color-text);position:relative;overflow:hidden}.profile-info{display:flex;align-items:center;gap:2rem;position:relative;z-index:1}.profile-avatar-container{position:relative}.image-upload-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(139,69,19,.9);border-bottom-left-radius:15px;border-bottom-right-radius:15px;padding:.5rem;text-align:center}.image-upload-button{color:#fff;font-size:.8rem;cursor:pointer;display:inline-block;padding:.25rem .5rem;border-radius:8px;background:rgba(255,255,255,.1);transition:background .2s ease}.image-upload-button:hover{background:rgba(255,255,255,.2)}.profile-details h1{font-size:2.5rem;margin-bottom:.5rem;font-weight:600;color:var(--color-primary-dark)}.profile-details .title{font-size:1.2rem;color:var(--color-primary);font-weight:500;margin-bottom:.5rem}.profile-details .location{font-size:1rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem}.profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:white;padding:1.5rem;border-radius:15px;box-shadow:var(--shadow-sm);text-align:center;border-left:4px solid var(--color-primary)}.stat-number{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.stat-label{color:var(--color-text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.profile-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.profile-main{display:flex;flex-direction:column;gap:2rem}.profile-section{background:white;border-radius:15px;padding:2rem;box-shadow:var(--shadow-sm)}.profile-section h3{font-size:1.3rem;color:var(--color-primary-dark);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.bio-text{line-height:1.6;color:var(--color-text);font-size:1rem}.profile-sidebar{display:flex;flex-direction:column;gap:2rem}.contact-info{list-style:none;padding:0;margin:0}.contact-info li{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--color-border-light)}.contact-info li:last-child{border-bottom:none}.contact-info .icon{width:20px;font-size:1.1rem}.contact-info a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}.contact-info a:hover{color:var(--color-primary-dark)}.username-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .2s ease}.username-link:hover{color:var(--color-primary-dark);text-decoration:underline}.social-links{display:flex;gap:1rem;flex-wrap:wrap}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--color-background);color:var(--color-text-secondary);text-decoration:none;transition:all .2s ease;font-size:1.2rem}.social-link:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px)}.social-links-list{display:flex;flex-direction:column;gap:.75rem}.social-link-item{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--color-border-light)}.social-link-item:last-child{border-bottom:none}.social-icon{width:24px;font-size:1.1rem;flex-shrink:0}.social-link-item a{color:var(--color-primary);text-decoration:none;font-size:.9rem;word-break:break-all;transition:color .2s ease}.social-link-item a:hover{color:var(--color-primary-dark);text-decoration:underline}.edit-profile-btn{position:absolute;top:2rem;right:2rem;z-index:2}.recent-pieces{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.piece-thumbnail{background:var(--color-background);border-radius:10px;padding:1rem;text-align:center;border:2px solid var(--color-border-light);transition:all .2s ease}.piece-thumbnail:hover{border-color:var(--color-primary);transform:translateY(-2px)}.piece-thumbnail .stage-icon{font-size:1.5rem;margin-bottom:.5rem}.piece-thumbnail .piece-title{font-size:.9rem;font-weight:500;color:var(--color-text);margin-bottom:.25rem}.piece-thumbnail .piece-stage{font-size:.8rem;color:var(--color-text-secondary)}.empty-state{text-align:center;padding:3rem 1rem;color:var(--color-text-secondary)}.empty-state .icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:8px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-title{height:1.5rem;width:60%;margin-bottom:1rem}@media (max-width: 768px){.profile-page{padding:5rem 1rem 1rem}.profile-header{padding:2rem 1.5rem}.profile-info{flex-direction:column;text-align:center;gap:1rem}.profile-avatar-custom{width:100px!important;height:100px!important}.profile-details h1{font-size:2rem}.profile-content{grid-template-columns:1fr}.profile-stats{grid-template-columns:repeat(2,1fr)}.stat-number{font-size:2rem}.edit-profile-btn{position:static;margin-top:1rem}.social-links{justify-content:center}}.create-piece{max-width:600px;margin:0 auto}.create-piece__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);text-align:center}.create-piece__form{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--border-radius-large);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.create-piece .btn{min-width:120px;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-xl)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-dark-clay)}.create-piece .form-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-clay-brown)}@media (max-width: 768px){.create-piece{margin:0 var(--spacing-sm)}.create-piece__form{padding:var(--spacing-lg) var(--spacing-md)}.create-piece .btn{width:100%}}.login-page{font-family:Georgia,serif;background:linear-gradient(135deg,#f5f1eb 0%,#e8ddd4 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem}.login-container{background:white;border-radius:25px;box-shadow:0 20px 60px #00000026;overflow:hidden;max-width:450px;width:100%}.login-header{background:linear-gradient(135deg,#8b4513,#a0522d);color:#fff;padding:3rem 2rem 2rem;text-align:center;position:relative}.pottery-icon{margin-bottom:1rem;font-size:4rem}.logo-title{font-size:2.5rem;font-weight:600;margin-bottom:.5rem;letter-spacing:-1px}.tagline{font-size:1.1rem;opacity:.9;font-style:italic}.decorative-element{position:absolute;width:60px;height:60px;background:rgba(255,255,255,.1);border-radius:50%;top:-30px;right:-30px}.decorative-element-2{position:absolute;width:40px;height:40px;background:rgba(255,255,255,.05);border-radius:50%;bottom:-20px;left:-20px}.login-content{padding:3rem 2rem;text-align:center}.welcome-text{font-size:1.3rem;color:#5d4037;font-weight:600;margin-bottom:.8rem}.description{color:#666;line-height:1.6;margin-bottom:2.5rem;font-size:1rem}.login-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.feature-highlights{background:#f8f6f3;padding:1.5rem;border-radius:12px;margin-top:1.5rem}.feature-item{display:flex;align-items:center;gap:.8rem;margin-bottom:.8rem;color:#5d4037;font-size:.9rem}.feature-item:last-child{margin-bottom:0}.feature-icon{width:24px;height:24px;background:linear-gradient(135deg,#8b4513,#a0522d);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.8rem;flex-shrink:0}.footer-links{padding:1.5rem 2rem;background:#fafafa;display:flex;justify-content:center;gap:2rem;border-top:1px solid #e8e8e8}.footer-link{color:#666;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-link:hover{color:#8b4513}.security-note{background:#e8f5e8;border:1px solid #6b8e23;border-radius:8px;padding:1rem;margin-top:1.5rem;font-size:.85rem;color:#5d4037;display:flex;align-items:center;gap:.5rem}.error-message{background:#ffe8e8;border:1px solid #e74c3c;border-radius:8px;padding:1rem;margin-top:1.5rem;font-size:.85rem;color:#c0392b;display:flex;align-items:center;gap:.5rem}.login-loading-text{display:flex;align-items:center;justify-content:center;color:#5d4037;font-size:1.1rem;padding:2rem}@media (max-width: 480px){.login-container{margin:0;border-radius:0;min-height:100vh;display:flex;flex-direction:column}.login-header{padding:2rem 1.5rem 1.5rem}.logo-title{font-size:2rem}.login-content{padding:2rem 1.5rem;flex:1;display:flex;flex-direction:column;justify-content:center}.footer-links{flex-direction:column;gap:1rem;text-align:center}}.developer-page *{margin:0;padding:0;box-sizing:border-box}.developer-page{font-family:Georgia,serif;background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-bone) 100%);min-height:100vh;padding:2rem}.developer-page .container{max-width:1200px;margin:0 auto;background:var(--color-pure-white);border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:hidden}.developer-page .header{background:linear-gradient(135deg,var(--color-clay-brown),var(--color-sienna));color:var(--color-pure-white);padding:2rem;text-align:center}.developer-page .header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.developer-page .header p{font-size:1.1rem;opacity:.9}.developer-page .palette-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem}.developer-page .color-section{background:var(--color-card-bg);border-radius:15px;padding:1.5rem;box-shadow:0 8px 25px #00000014;border:1px solid var(--color-border-light)}.developer-page .section-title{font-size:1.3rem;margin-bottom:1rem;color:var(--color-dark-clay);font-weight:600}.developer-page .color-group{display:flex;flex-direction:column;gap:.8rem}.developer-page .color-item{display:flex;align-items:center;gap:1rem;padding:.8rem;border-radius:10px;background:var(--color-light-gray);transition:transform .2s ease}.developer-page .color-item:hover{transform:translate(5px);box-shadow:0 4px 15px #0000001a}.developer-page .color-swatch{width:60px;height:60px;border-radius:12px;border:3px solid var(--color-pure-white);box-shadow:0 4px 15px #00000026;flex-shrink:0}.developer-page .color-info{flex:1}.developer-page .color-name{font-weight:600;color:var(--color-text-primary);margin-bottom:.2rem}.developer-page .color-hex{font-family:Monaco,monospace;color:var(--color-text-secondary);font-size:.9rem;background:var(--color-border-light);padding:.2rem .6rem;border-radius:6px;display:inline-block}.developer-page .usage-note{font-size:.85rem;color:var(--color-text-muted);margin-top:.3rem;font-style:italic}.developer-page .demo-section{margin:2rem;padding:2rem;background:linear-gradient(135deg,var(--color-cream),var(--color-bone));border-radius:15px;text-align:center}.developer-page .demo-title{color:var(--color-dark-clay);font-size:1.5rem;margin-bottom:1.5rem}.developer-page .app-mockup{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:600px;margin:0 auto}.developer-page .mockup-card{background:var(--color-pure-white);padding:1.5rem;border-radius:12px;box-shadow:0 6px 20px #0000001a}.developer-page .mockup-header{background:var(--color-clay-brown);color:var(--color-pure-white);padding:.8rem;border-radius:8px;margin-bottom:1rem;font-weight:600}.developer-page .mockup-item{padding:.8rem;margin:.5rem 0;border-radius:6px;background:var(--color-cream);border-left:4px solid var(--color-terracotta)}.developer-page .status-complete{background:var(--color-status-complete-bg);border-left-color:var(--color-sage-green)}.developer-page .status-firing{background:var(--color-status-firing-bg);border-left-color:var(--color-terracotta)}.developer-page .status-drying{background:var(--color-status-drying-bg);border-left-color:var(--color-glaze-blue)}.design-page *{margin:0;padding:0;box-sizing:border-box}.design-page{font-family:var(--font-family-primary);background:linear-gradient(135deg,var(--color-cream) 0%,var(--color-bone) 100%);min-height:100vh;overflow-x:auto;padding:1rem}.design-page .header{background:linear-gradient(135deg,var(--color-clay-brown),var(--color-sienna));color:var(--color-pure-white);padding:1.5rem 2rem;border-radius:15px 15px 0 0;box-shadow:0 4px 20px #0000001a;margin-bottom:1rem}.design-page .header h1{font-size:2rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.design-page .header p{opacity:.9;font-size:1.1rem}@media (max-width: 768px){.design-page .header h1{font-size:1.5rem}}.app{display:flex;min-height:100vh;font-family:var(--font-family-primary);background-color:var(--color-background)}.container{flex:1;background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.container--full{width:100%;margin:0;box-shadow:none;background:transparent}@media (max-width: 768px){.container{width:100%}}:root{--color-clay-brown: #8b4513;--color-terracotta: #d2691e;--color-cream: #f5f1eb;--color-sienna: #a0522d;--color-glaze-gold: #daa520;--color-bone: #e8ddd4;--color-sage-green: #6b8e23;--color-bisque: #cd853f;--color-glaze-blue: #4682b4;--color-dark-clay: #5d4037;--color-medium-clay: #8d6e63;--color-pure-white: #ffffff;--color-light-gray: #fafafa;--color-border-light: #f0f0f0;--color-border: #e0e0e0;--color-card-bg: #fefefe;--color-text-primary: #333;--color-text-secondary: #666;--color-text-muted: #777;--color-warm-beige: #f8f6f3;--color-warm-cream: #e0ddd4;--color-status-complete-bg: #e8f5e8;--color-status-firing-bg: #fff3e0;--color-status-drying-bg: #f0f8ff;--color-stage-ideas: #9c88ff;--color-stage-throw: var(--color-clay-brown);--color-stage-trim: var(--color-glaze-blue);--color-stage-bisque: var(--color-bisque);--color-stage-glaze: #20b2aa;--color-stage-finished: var(--color-sage-green);--color-priority-high: #e74c3c;--color-priority-medium: #f39c12;--color-priority-low: #27ae60;--color-background: var(--color-cream);--color-surface: var(--color-pure-white);--color-sidebar-bg: var(--color-bone);--color-sidebar-border: var(--color-medium-clay);--color-sidebar-text: var(--color-dark-clay);--color-sidebar-hover: var(--color-cream);--color-sidebar-active: var(--color-clay-brown);--color-sidebar-active-text: var(--color-pure-white);--color-sidebar-active-hover: var(--color-sienna);--font-family-primary: "Georgia", serif;--font-family-secondary: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono: "Monaco", "Consolas", "Courier New", monospace;--font-size-xs: .8rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 2rem;--font-size-xxxl: 2.5rem;--font-size-2xl: 1.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-radius-sm: .25rem;--border-radius: .375rem;--border-radius-md: .5rem;--border-radius-xl: .75rem;--border-radius-large: 1.25rem;--border-radius-pill: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-large: 0 20px 60px rgba(0, 0, 0, .1);--line-height-relaxed: 1.4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--font-size-base);line-height:1.6}#root{min-height:100vh;min-width:100vw}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:2px solid transparent;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center;min-width:80px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{transform:none}.btn-primary{background:var(--color-clay-brown);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-dark-clay);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-text-secondary);border:2px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-light-gray);border-color:var(--color-text-secondary)}.btn-danger{background:var(--color-priority-high);color:#fff}.btn-danger:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.btn-success{background:var(--color-sage-green);color:#fff}.btn-success:hover:not(:disabled){background:#5a7a1f;transform:translateY(-1px)}.btn-outline{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-outline:hover:not(:disabled){background:rgba(255,255,255,.3)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base);min-width:120px}.btn-group{display:flex;gap:var(--spacing-md)}.btn-group.btn-group-center{justify-content:center}.action-btn{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:white;color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.action-btn:hover{background:var(--color-light-gray);border-color:var(--color-clay-brown);color:var(--color-clay-brown)}@media (max-width: 768px){.btn-group{flex-direction:column;gap:var(--spacing-sm)}.btn-group .btn{width:100%}}.badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;white-space:nowrap}.badge.priority-high{background:var(--color-priority-high);color:#fff}.badge.priority-medium{background:var(--color-priority-medium);color:#fff}.badge.priority-low{background:var(--color-priority-low);color:#fff}.stage-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;text-transform:capitalize;display:inline-block;width:fit-content;white-space:nowrap}.stage-ideas{background:var(--color-stage-ideas)}.stage-throw{background:var(--color-stage-throw)}.stage-trim{background:var(--color-stage-trim)}.stage-bisque{background:var(--color-stage-bisque)}.stage-glaze{background:var(--color-stage-glaze)}.stage-finished{background:var(--color-stage-finished)}.priority-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.priority-indicator{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs)}.starred-indicator,.archived-indicator{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff}.archived-badge{display:inline-block;background:var(--color-text-secondary);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);margin-left:var(--spacing-xs)}.star-icon{font-size:var(--font-size-sm);margin-right:var(--spacing-xs)}@media (max-width: 768px){.priority-indicator{font-size:var(--font-size-xs)}}.form{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--border-radius-large);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.form-group{margin-bottom:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.form-label .required{color:var(--color-priority-high)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--spacing-xs) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-family:inherit;background:white;color:var(--color-text-primary);box-sizing:border-box;transition:all .2s ease}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-clay-brown);box-shadow:0 0 0 3px #8b45131a}.form-textarea{resize:vertical;min-height:100px;line-height:var(--line-height-relaxed)}.form-select{cursor:pointer;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.form-input.edit-mode{padding:var(--spacing-sm);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-input.edit-mode:focus{box-shadow:none}.form-input.title-input{background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius);color:#fff;font-size:var(--font-size-xxxl);font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);padding:var(--spacing-xs);width:100%}.form-input.title-input::placeholder{color:#ffffffb3}.form-input.weight-input{width:120px}.form-input.search-box{width:250px}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.form-checkbox{display:flex;align-items:center;gap:var(--spacing-sm)}.form-checkbox input[type=checkbox]{width:auto;margin:0}.form-checkbox label{margin:0;font-weight:var(--font-weight-normal);cursor:pointer}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:var(--spacing-md)}.form-actions{flex-direction:column;gap:var(--spacing-sm)}.form-input.title-input{font-size:var(--font-size-xxl)}.form{padding:var(--spacing-lg)}.form-input.search-box{width:100%}}.form-input:disabled{background:var(--color-light-gray);color:var(--color-text-muted);cursor:not-allowed}.form-input.error{border-color:var(--color-priority-high)}.form-input.error:focus{box-shadow:0 0 0 3px #dc267f1a}.card{background:var(--color-pure-white);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all .2s ease}.card.card-accent{border-left:4px solid var(--color-clay-brown)}.card.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card.card-interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}.card.card-sm{padding:var(--spacing-md);border-radius:var(--border-radius-sm)}.card.card-lg{padding:var(--spacing-xl);border-radius:var(--border-radius-large)}.card.card-center{text-align:center}.card.card-flex{display:flex;flex-direction:column}.card.card-accent.accent-clay{border-left-color:var(--color-clay-brown)}.card.card-accent.accent-ideas{border-left-color:var(--color-stage-ideas)}.card.card-accent.accent-throw{border-left-color:var(--color-stage-throw)}.card.card-accent.accent-trim{border-left-color:var(--color-stage-trim)}.card.card-accent.accent-bisque{border-left-color:var(--color-stage-bisque)}.card.card-accent.accent-glaze{border-left-color:var(--color-stage-glaze)}.card.card-accent.accent-finished{border-left-color:var(--color-stage-finished)}.card.card-accent.accent-gold{border-left-color:var(--color-glaze-gold)}.card.card-accent.accent-high{border-left-color:var(--color-priority-high)}.card.card-accent.accent-medium{border-left-color:var(--color-priority-medium)}.card.card-accent.accent-low{border-left-color:var(--color-priority-low)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.card-title-link{color:var(--color-clay-brown);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color .2s ease}.card-title-link:hover{color:var(--color-dark-clay);text-decoration:underline}.card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.card-content{flex:1;margin-bottom:var(--spacing-md)}.card-meta{display:flex;justify-content:space-between;align-items:flex-start;font-size:var(--font-size-xs);color:var(--color-text-muted)}.card-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end;margin-top:var(--spacing-sm)}.card.stat-card .card-number{font-size:var(--font-size-xxl);font-weight:var(--font-weight-bold);color:var(--color-clay-brown);margin-bottom:var(--spacing-xs)}.card.stat-card .card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.card{padding:var(--spacing-md)}.card.card-sm{padding:var(--spacing-sm)}.card.card-lg{padding:var(--spacing-lg)}.card-header{flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.card-meta{flex-direction:column;gap:var(--spacing-xs)}}