*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-black:#000;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px}html{font-family:var(--font-sans);color:var(--color-gray-900);background:var(--color-white);-webkit-font-smoothing:antialiased;line-height:1.5}body{min-height:100vh}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3{font-weight:600;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.375rem}h3{font-size:1.125rem}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__main{padding:var(--spacing-xl);flex:1;width:100%;max-width:100%;margin:0 auto}.nav{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-gray-200);background:var(--color-gray-50);display:flex}.nav__home,.nav__icon{color:var(--color-gray-500);justify-content:center;align-items:center;transition:color .12s;display:inline-flex}.nav__home:hover,.nav__icon:hover{color:var(--color-gray-900)}.nav__project{color:var(--color-gray-900);font-size:.9375rem;font-weight:700;transition:color .12s}.nav__project:hover{color:var(--color-gray-700)}.nav__sep{color:var(--color-gray-300);font-size:.875rem}.nav__link{color:var(--color-gray-500);font-size:.875rem;transition:color .12s}.nav__link:hover{color:var(--color-gray-900)}.nav__spacer{flex:1}.project-nav{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xl);border-bottom:1px solid var(--color-gray-200);background:var(--color-white);display:flex}.project-nav__btn{color:var(--color-gray-500);border-radius:var(--radius-md);padding:.375rem .875rem;font-size:.875rem;font-weight:500;transition:all .12s}.project-nav__btn:hover{color:var(--color-gray-900);background:var(--color-gray-100)}.project-nav__btn--active,.project-nav__btn--active:hover{color:var(--color-white);background:var(--color-gray-900)}.project-nav__spacer{flex:1}.project-nav__icon{color:var(--color-gray-500);border-radius:var(--radius-md);justify-content:center;align-items:center;padding:.375rem;transition:all .12s;display:inline-flex}.project-nav__icon:hover{color:var(--color-gray-900);background:var(--color-gray-100)}.project-nav__icon--active,.project-nav__icon--active:hover{color:var(--color-white);background:var(--color-gray-900)}.nav__link--active{color:var(--color-gray-900);font-weight:500}.btn{align-items:center;gap:var(--spacing-xs);font-size:.875rem;font-weight:500;font-family:var(--font-sans);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-700);cursor:pointer;white-space:nowrap;flex-shrink:0;padding:.5rem 1rem;line-height:1;transition:all .12s;display:inline-flex}.btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-icon{color:var(--color-gray-400);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;transition:color .12s,background .12s;display:inline-flex}.btn-icon:hover{color:var(--color-gray-700);background:var(--color-gray-100)}.btn-icon--danger:hover{color:var(--color-gray-900);background:var(--color-gray-200)}.btn--primary{background:var(--color-gray-900);color:var(--color-white);border-color:var(--color-gray-900)}.btn--primary:hover{background:var(--color-gray-800);border-color:var(--color-gray-800)}.btn--danger{color:var(--color-gray-600);border-color:var(--color-gray-300)}.btn--danger:hover{background:var(--color-gray-900);color:var(--color-white);border-color:var(--color-gray-900)}.btn--ghost{color:var(--color-gray-500);background:0 0;border-color:#0000}.btn--ghost:hover{color:var(--color-gray-900);background:var(--color-gray-100)}.btn--sm{padding:.325rem .625rem;font-size:.8125rem}.form-input{font-size:.875rem;font-family:var(--font-sans);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-900);outline:none;width:100%;padding:.5rem .75rem;transition:border-color .12s}.form-input:focus{border-color:var(--color-gray-500)}.form-input:disabled{background:var(--color-gray-100);color:var(--color-gray-400);cursor:not-allowed}.form-label{color:var(--color-gray-600);margin-bottom:var(--spacing-xs);font-size:.8125rem;font-weight:500;display:block}.form-select{font-size:.875rem;font-family:var(--font-sans);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-gray-900);cursor:pointer;outline:none;width:100%;padding:.5rem .75rem}.form-select:focus{border-color:var(--color-gray-500)}.card{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);overflow:hidden}.card__body{padding:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.card__image-area{aspect-ratio:16/10;background:var(--color-gray-100);display:flex;overflow:hidden}.card__image{max-width:100%;height:auto;margin:auto;display:block}.card__title{font-size:.875rem;font-weight:500}.card__meta{color:var(--color-gray-500);font-size:.8125rem}.card__actions{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-gray-200);display:flex}.card__actions-spacer{flex:1}.card__title-row{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.badge{background:var(--color-gray-200);min-width:1.5rem;color:var(--color-gray-600);border-radius:999px;justify-content:center;align-items:center;gap:2px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.grid{gap:var(--spacing-lg);display:grid}.grid--cols-1{grid-template-columns: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)}.grid--cols-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.page-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.page-header__title{font-size:1.5rem;font-weight:600}.page-header__links{gap:var(--spacing-sm);display:flex}.page-header__links a{color:var(--color-gray-500);align-items:center;gap:.25em;font-size:.75rem;text-decoration:none;display:inline-flex}.page-header__links a:hover{color:var(--color-gray-800)}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-gray-400)}.empty-state__message{margin-bottom:var(--spacing-md);font-size:1rem}.confirm-dialog{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog__backdrop{background:#0006;position:absolute;inset:0}.confirm-dialog__box{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:90%;max-width:400px;position:relative}.confirm-dialog__message{margin-bottom:var(--spacing-lg);font-size:.9375rem}.confirm-dialog__actions{justify-content:flex-end;gap:var(--spacing-sm);display:flex}.import-modal{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.import-modal__backdrop{background:#0006;position:absolute;inset:0}.import-modal__panel{background:var(--color-white);border-radius:var(--radius-lg);flex-direction:column;width:min(640px,92vw);max-height:86vh;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000002e}.import-modal__header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.import-modal__title{margin:0;font-size:1rem;font-weight:600}.import-modal__close{color:var(--color-gray-500);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:0 0;border:0;font-size:1.25rem;line-height:1}.import-modal__close:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.import-modal__tabs{gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg) 0;border-bottom:1px solid var(--color-gray-200);display:flex}.import-modal__tab{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-gray-600);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:.875rem}.import-modal__tab:hover{color:var(--color-gray-900)}.import-modal__tab--active{color:var(--color-gray-900);border-bottom-color:var(--color-gray-900);font-weight:600}.import-modal__body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.import-modal__tabpanel{gap:var(--spacing-md);flex-direction:column;display:flex}.import-modal__field{gap:var(--spacing-xs);flex-direction:column;display:flex}.import-modal__field-label{color:var(--color-gray-600);font-size:.8125rem}.import-modal__textarea{font-family:var(--font-sans);resize:vertical;min-height:8rem}.import-modal__controls{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.import-modal__search{flex:1;min-width:12rem}.import-modal__toggle{align-items:center;gap:var(--spacing-xs);color:var(--color-gray-600);cursor:pointer;font-size:.8125rem;display:flex}.import-modal__bulkbar{align-items:center;gap:var(--spacing-sm);color:var(--color-gray-600);font-size:.8125rem;display:flex}.import-modal__bulkbar-count{flex:1}.import-modal__bulkbar-action{padding:2px var(--spacing-xs);color:var(--color-gray-700);cursor:pointer;text-underline-offset:2px;border-radius:var(--radius-sm);background:0 0;border:0;font-size:.8125rem;text-decoration:underline}.import-modal__bulkbar-action:hover:not(:disabled){color:var(--color-gray-900);background:var(--color-gray-100)}.import-modal__bulkbar-action:disabled{color:var(--color-gray-400);cursor:not-allowed;text-decoration:none}.import-modal__picklist{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);max-height:18rem;margin:0;padding:0;list-style:none;overflow-y:auto}.import-modal__pickrow{border-bottom:1px solid var(--color-gray-100)}.import-modal__pickrow:last-child{border-bottom:0}.import-modal__pickrow-label{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:.875rem;display:flex}.import-modal__pickrow-label:hover{background:var(--color-gray-50)}.import-modal__pickrow-name{color:var(--color-gray-900);flex:1}.import-modal__pickrow-meta{color:var(--color-gray-500);font-size:.8125rem}.import-modal__badge{text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);background:var(--color-gray-100);border-radius:var(--radius-sm);padding:2px var(--spacing-xs);font-size:.6875rem}.import-modal__empty{padding:var(--spacing-md);color:var(--color-gray-500);text-align:center;font-size:.875rem}.import-modal__actions{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-gray-200);background:var(--color-gray-50);display:flex}