:root{--cream:#f2f2f2;--cream-2:#eae5d9;--paper:#eae5d9;--ink:#121c21;--ink-2:#1a2830;--ink-soft:#3d4d57;--muted:#7d868a;--vermillion:#ea5345;--vermillion-d:#b23122;--vermillion-dd:#8c2a1c;--teal:#4f8f82;--teal-d:#3a7269;--teal-deep:#1b4a53;--cyan:#61c6d7;--gold:#d4a017;--color-background:var(--cream);--color-surface:var(--cream-2);--color-surface-hover:#ddd8cc;--color-surface-subtle:#121c210a;--color-primary:var(--vermillion);--color-primary-dark:var(--vermillion-d);--color-primary-subtle:#ea534514;--color-secondary:var(--teal);--color-secondary-dark:var(--teal-d);--color-secondary-subtle:#4f8f821f;--color-success:var(--teal);--color-error:var(--vermillion);--color-text:var(--ink);--color-text-primary:var(--ink);--color-text-secondary:var(--ink-soft);--color-text-muted:var(--muted);--color-text-inverse:var(--cream);--color-text-link:var(--teal);--color-text-link-hover:var(--teal-d);--color-border-primary:#2a2b2d1f;--color-border-secondary:#2a2b2d0f;--color-bg-secondary:var(--cream-2);--color-bg-tertiary:var(--paper);--color-bg-elevated:var(--paper);--color-bg-overlay:#121c218c;--color-ate-in:var(--teal);--color-did-not-eat:var(--vermillion);--color-expected:#426daa;--color-not-expected:var(--muted);--line:#2a2b2d1f;--line-soft:#2a2b2d0f;--shadow-sm:0 1px 2px #121c210a, 0 0 0 1px #2a2b2d14;--shadow-md:0 4px 16px #121c210f, 0 0 0 1px #2a2b2d14;--shadow-lg:0 24px 60px -20px #121c2133, 0 0 0 1px #2a2b2d14;--shadow-xl:0 32px 80px -24px #121c2147, 0 0 0 1px #2a2b2d14;--radius-sm:2px;--radius-md:4px;--radius-lg:8px;--radius-xl:12px;--radius-full:9999px;--serif:"Noto Serif JP", Georgia, "Times New Roman", serif;--sans:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"DM Mono", "JetBrains Mono", ui-monospace, monospace;--font-heading:var(--serif);--font-body:var(--sans);--font-size-xs:11px;--font-size-sm:13px;--font-size-base:15px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:36px;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.1;--line-height-normal:1.4;--line-height-relaxed:1.6;--letter-spacing-tight:-.02em;--letter-spacing-normal:0em;--letter-spacing-wide:.08em;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-section:60px;--spacing-subsection:32px;--border-width-thin:1px;--border-width-thick:2px;--max-width-container:1280px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1);--transition-slow:.3s cubic-bezier(.4, 0, .2, 1);--z-dropdown:100;--z-sticky:200;--z-modal-backdrop:400;--z-modal:500;--z-toast:800;--z-max:9999}[data-theme=ink]{--cream:#121c21;--cream-2:#1a2830;--paper:#1f3040;--ink:#f2f2f2;--ink-2:#e0dad0;--ink-soft:#b0b8c0;--muted:#7d868a;--line:#eae5d91f;--line-soft:#eae5d90f;--color-background:var(--cream);--color-text:var(--ink);--color-text-primary:var(--ink)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}h1,.h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}h2,.h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}h3,.h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}h4,.h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}h5,.h5{font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}h6,.h6{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}p,blockquote,pre,code,li,figcaption,.captions{font-family:var(--font-body)}p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md);color:var(--color-text-primary)}.font-light{font-weight:var(--font-weight-light)}.text-muted{color:var(--color-text-muted)}.text-link{color:var(--color-text-link)}.text-link:hover{color:var(--color-text-link-hover)}.text-inverse{color:var(--color-text-inverse)}.text-ate-in{color:var(--color-ate-in)}.text-did-not-eat{color:var(--color-did-not-eat)}.text-expected{color:var(--color-expected)}.text-not-expected{color:var(--color-not-expected)}.text-right{text-align:right}.text-uppercase{text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.label,.caption{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.data-value{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.numeric{font-family:var(--font-heading);font-feature-settings:"tnum" 1, "kern" 1}a{color:var(--color-text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-link-hover)}a:focus{outline:var(--border-width-thin) solid var(--color-secondary);outline-offset:2px}.link-button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-link);transition:all var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;display:inline-flex}.link-button:hover{color:var(--color-text-link-hover);background-color:var(--color-secondary-subtle)}::-moz-selection{background-color:var(--color-secondary-subtle);color:var(--color-secondary-dark)}::selection{background-color:var(--color-secondary-subtle);color:var(--color-secondary-dark)}@media (width>=640px){:root{--font-size-base:1.0625rem}}@media (width>=1024px){h1,.h1{font-size:clamp(2rem,5vw,2.5rem)}h2,.h2{font-size:clamp(1.5rem,4vw,2rem)}}.form-label{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);display:block}.form-input,.form-select,.form-textarea{font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary)}::placeholder{color:var(--color-text-muted);opacity:1}.form-input::-moz-placeholder{color:var(--color-text-muted)}.form-select::-moz-placeholder{color:var(--color-text-muted)}.form-textarea::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder,.form-select::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-helper{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.form-error{font-family:var(--font-body);font-size:var(--font-size-xs);color:var(--color-error);margin-top:var(--spacing-xs)}.empty-state-text{font-family:var(--font-body);font-size:var(--font-size-lg);color:var(--color-text-muted);text-align:center}.badge-text{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1}.hero-title{font-family:var(--font-heading);font-size:clamp(2rem,6vw,3.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary)}.hero-subtitle{font-family:var(--font-body);font-size:clamp(1rem,2.5vw,1.25rem);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:60ch}html,body,#root{height:100%;margin:0;padding:0}html{background-color:var(--color-background);color:var(--color-text-primary);min-height:100%}body{background-color:var(--color-background)}.container{width:100%;max-width:var(--max-width-container);padding:0 var(--spacing-lg);margin:0 auto}.page-container{padding:var(--spacing-xl) 0}.section{margin-bottom:var(--spacing-section)}.subsection{margin-bottom:var(--spacing-subsection)}.shoji-card{background-color:var(--color-bg-tertiary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.shoji-card-elevated{background-color:var(--color-bg-tertiary);border:var(--border-width-thin) solid var(--color-border-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.shoji-panel{background-color:var(--color-bg-tertiary);border-right:var(--border-width-thin) solid var(--color-border-primary);min-height:100vh}.shoji-divider{height:var(--border-width-thin);background:linear-gradient(to right, transparent, var(--color-border-primary), transparent);margin:var(--spacing-lg) 0}.shoji-grid{gap:var(--spacing-lg);display:grid}.shoji-grid-2{grid-template-columns:repeat(2,1fr)}.shoji-grid-3{grid-template-columns:repeat(3,1fr)}.shoji-grid-1-2{grid-template-columns:1fr 2fr}.shoji-grid-2-1{grid-template-columns:2fr 1fr}.space-y-neg-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.space-y-neg-sm>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-sm) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-sm) * var(--tw-space-y-reverse))}.space-y-neg-md>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-md) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-md) * var(--tw-space-y-reverse))}.space-y-neg-lg>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-lg) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-lg) * var(--tw-space-y-reverse))}.space-y-neg-xl>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(var(--spacing-xl) * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(var(--spacing-xl) * var(--tw-space-y-reverse))}.bg-background{background-color:var(--color-background)}.bg-surface{background-color:var(--color-surface)}.bg-surface-hover:hover{background-color:var(--color-surface-hover)}.bg-elevated{background-color:var(--color-bg-elevated)}.text-charcoal{color:var(--color-text)}.text-graphite{color:var(--color-text-secondary)}.bg-primary{background-color:var(--color-primary)}.bg-primary:hover{background-color:var(--color-primary-dark)}.text-primary{color:var(--color-primary)}.text-primary:hover{color:var(--color-primary-dark)}.border-primary{border-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.text-secondary{color:var(--color-secondary)}.border-secondary{border-color:var(--color-secondary)}.bg-success{background-color:var(--color-success)}.text-success{color:var(--color-success)}.bg-ate-in{background-color:var(--color-ate-in);color:var(--color-text-inverse)}.bg-did-not-eat{background-color:var(--color-did-not-eat);color:var(--color-text-inverse)}.bg-expected{background-color:var(--color-expected);color:var(--color-text-inverse)}.bg-not-expected{background-color:var(--color-not-expected);color:var(--color-text-inverse)}.border-shoji{border:var(--border-width-thin) solid var(--color-border-primary)}.border-shoji-secondary{border:var(--border-width-thin) solid var(--color-border-secondary)}.border-t-shoji{border-top:var(--border-width-thin) solid var(--color-border-primary)}.border-b-shoji{border-bottom:var(--border-width-thin) solid var(--color-border-primary)}.border-l-shoji{border-left:var(--border-width-thin) solid var(--color-border-primary)}.border-r-shoji{border-right:var(--border-width-thin) solid var(--color-border-primary)}.shadow-shoji-sm{box-shadow:var(--shadow-sm)}.shadow-shoji-md{box-shadow:var(--shadow-md)}.shadow-shoji-lg{box-shadow:var(--shadow-lg)}.shadow-shoji-xl{box-shadow:var(--shadow-xl)}.aspect-1-2{aspect-ratio:1/2}.aspect-2-1{aspect-ratio:2}.aspect-1-3{aspect-ratio:1/3}.aspect-3-1{aspect-ratio:3}.padding-1-2{padding-top:calc(var(--spacing-md) * 2);padding-bottom:var(--spacing-md)}.padding-2-1{padding-top:var(--spacing-md);padding-bottom:calc(var(--spacing-md) * 2)}.form-container{background-color:var(--color-bg-tertiary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.form-field{margin-bottom:var(--spacing-lg)}.form-field .form-label{margin-bottom:var(--spacing-sm);display:block}.form-input-base{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input-base:focus{border-color:var(--color-secondary);box-shadow:0 0 0 3px var(--color-secondary-subtle);outline:none}.form-input-base::placeholder{color:var(--color-text-muted)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-sm) center;padding-right:var(--spacing-xl);background-size:1.25em 1.25em}.form-textarea{resize:vertical;min-height:100px}.btn-base{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;border:none;line-height:1;display:inline-flex}.btn-base:focus{outline:none}.btn-base:focus-visible{outline:var(--border-width-thick) solid var(--color-secondary);outline-offset:2px}.btn-base:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-dark)}.btn-surface{background-color:var(--color-surface);color:var(--color-text-primary);border:var(--border-width-thin) solid var(--color-border-primary)}.btn-surface:hover:not(:disabled){background-color:var(--color-surface-hover)}.btn-outline{color:var(--color-text-primary);border:var(--border-width-thin) solid var(--color-border-primary);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn-ghost{color:var(--color-text-primary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-subtle)}.btn-danger{background-color:var(--color-error);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background-color:var(--color-primary-dark)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs)}.btn-md{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-base)}.btn-icon{padding:var(--spacing-sm);width:40px;height:40px}.card{background-color:var(--color-bg-tertiary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-hover{transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--color-border-secondary)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:var(--border-width-thin) solid var(--color-border-secondary);background-color:var(--color-bg-secondary)}.table-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}.table-container::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--radius-full)}.table{border-collapse:collapse;width:100%;font-family:var(--font-body)}.table th{z-index:var(--z-sticky);padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:var(--color-text-secondary);background-color:var(--color-bg-secondary);border-bottom:var(--border-width-thin) solid var(--color-border-primary);position:sticky;top:0}.table td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-primary);border-bottom:var(--border-width-thin) solid var(--color-border-secondary)}.table tr{transition:background-color var(--transition-fast)}.table tr:hover{background-color:var(--color-surface-subtle)}.table .sticky-column{z-index:calc(var(--z-sticky) + 1);background-color:var(--color-bg-tertiary);position:sticky;left:0;box-shadow:2px 0 4px #0000000d}.table .sticky-totals{z-index:calc(var(--z-sticky) + 2);background-color:var(--color-bg-secondary);position:sticky;bottom:0}.badge{padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);align-items:center;line-height:1;display:inline-flex}.badge-ate-in{background-color:var(--color-ate-in);color:var(--color-text-inverse)}.badge-did-not-eat{background-color:var(--color-did-not-eat);color:var(--color-text-inverse)}.badge-expected{background-color:var(--color-expected);color:var(--color-text-inverse)}.badge-not-expected{background-color:var(--color-not-expected);color:var(--color-text-inverse)}.badge-surface{background-color:var(--color-surface);color:var(--color-text-primary)}.badge-primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.badge-secondary{background-color:var(--color-secondary);color:var(--color-text-inverse)}.sidebar{background-color:var(--color-bg-tertiary);border-right:var(--border-width-thin) solid var(--color-border-primary);width:256px;min-width:256px;min-height:100vh}.nav-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;border-left:3px solid #0000;display:flex}.nav-item:hover{color:var(--color-text-primary);background-color:var(--color-surface-subtle)}.nav-item.active{color:var(--color-primary);background-color:var(--color-primary-subtle);border-left-color:var(--color-primary)}.nav-item .nav-icon{flex-shrink:0;width:20px;height:20px}.modal-backdrop{z-index:var(--z-modal-backdrop);background-color:var(--color-bg-overlay);backdrop-filter:blur(4px);padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{z-index:var(--z-modal);background-color:var(--color-bg-tertiary);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;position:relative;overflow:auto}.modal-header{padding:var(--spacing-lg);border-bottom:var(--border-width-thin) solid var(--color-border-secondary);justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:0}.modal-header .close-btn{padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none}.modal-header .close-btn:hover{color:var(--color-text-primary);background-color:var(--color-surface-subtle)}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:var(--border-width-thin) solid var(--color-border-secondary);justify-content:flex-end;gap:var(--spacing-sm);display:flex}.spinner{border:3px solid var(--color-border-secondary);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background-color:var(--color-bg-secondary);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, var(--color-surface), transparent);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.post-it{padding:var(--spacing-sm);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-family:var(--font-body);font-size:var(--font-size-sm);line-height:var(--line-height-normal);cursor:grab;user-select:none}.post-it-diurno{background-color:var(--color-surface);border-left:4px solid var(--color-primary)}.post-it-nocturno{background-color:var(--color-secondary-dark);color:var(--color-text-inverse);border-left:4px solid var(--color-secondary)}.post-it:before{content:"";background-color:inherit;width:8px;height:8px;position:absolute;top:-4px;left:-4px;transform:rotate(-45deg);box-shadow:2px 2px 4px #0000001a}@media (width<=768px){.sidebar{z-index:var(--z-modal);transition:transform var(--transition-normal);position:fixed;left:-256px}.sidebar.open{transform:translate(256px)}.card{border-radius:var(--radius-md)}.table th,.table td{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.text-balance{text-wrap:balance}.touch-target{min-width:44px;min-height:44px}.no-tap-zoom{touch-action:manipulation}.skip-link{background-color:var(--color-secondary);color:var(--color-text-inverse);z-index:var(--z-max);transition:top var(--transition-fast);padding:.5rem 1rem;position:absolute;top:-40px;left:0}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:DM Mono,JetBrains Mono,ui-monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{background:var(--cream);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:15px;line-height:1.45}#root{height:100%}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}:focus-visible{outline:2px solid var(--vermillion);outline-offset:2px}:focus:not(:focus-visible){outline:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.left-3{left:.75rem}.top-0{top:0}.top-1\/2{top:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.max-h-64{max-height:16rem}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-spin{animation:1s linear infinite spin}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-umami-md{border-radius:4px}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-border-primary{border-color:#2a2b2d1f}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-primary-500{--tw-border-opacity:1;border-color:rgb(212 56 42/var(--tw-border-opacity,1))}.border-success-500{--tw-border-opacity:1;border-color:rgb(79 143 130/var(--tw-border-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-primary-100{--tw-bg-opacity:1;background-color:rgb(251 221 217/var(--tw-bg-opacity,1))}.bg-primary-200{--tw-bg-opacity:1;background-color:rgb(245 181 174/var(--tw-bg-opacity,1))}.bg-primary-50{--tw-bg-opacity:1;background-color:rgb(254 242 241/var(--tw-bg-opacity,1))}.bg-primary-500{--tw-bg-opacity:1;background-color:rgb(212 56 42/var(--tw-bg-opacity,1))}.bg-success-500{--tw-bg-opacity:1;background-color:rgb(79 143 130/var(--tw-bg-opacity,1))}.bg-umami-background{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-12{padding:3rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pl-10{padding-left:2.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.font-heading{font-family:Noto Serif JP,Georgia,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-umami-sm{font-size:.8125rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-umami-bold{font-weight:700}.font-umami-medium{font-weight:500}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.tracking-wider{letter-spacing:.05em}.text-charcoal-800{--tw-text-opacity:1;color:rgb(18 28 33/var(--tw-text-opacity,1))}.text-graphite-500{--tw-text-opacity:1;color:rgb(102 109 120/var(--tw-text-opacity,1))}.text-graphite-600{--tw-text-opacity:1;color:rgb(85 92 102/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-primary-600{--tw-text-opacity:1;color:rgb(178 49 34/var(--tw-text-opacity,1))}.text-primary-700{--tw-text-opacity:1;color:rgb(142 37 25/var(--tw-text-opacity,1))}.text-primary-800{--tw-text-opacity:1;color:rgb(106 27 18/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-umami-sm{--tw-shadow:0 1px 2px #121c210a, 0 0 0 1px #2a2b2d14;--tw-shadow-colored:0 1px 2px var(--tw-shadow-color), 0 0 0 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.serif{font-family:var(--serif);letter-spacing:-.01em;font-weight:400}.mono{font-family:var(--mono);font-feature-settings:"tnum"}.italic{font-style:italic}.eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:11px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--cream);z-index:10;justify-content:space-between;align-items:center;padding:18px 36px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:28px;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-wordmark{font-family:var(--serif);letter-spacing:.04em;font-size:22px;font-weight:400}.brand-wordmark em{color:var(--vermillion);font-style:italic}.proj-switcher{border:1px solid var(--line);background:var(--paper);cursor:pointer;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 10px;font-size:13px;display:flex}.proj-switcher .dot{background:var(--vermillion);border-radius:50%;width:8px;height:8px}.proj-switcher .chev{color:var(--muted);margin-left:4px}.user-chip{align-items:center;gap:10px;display:flex}.avatar{background:var(--ink);width:36px;height:36px;color:var(--cream);font-family:var(--mono);letter-spacing:.05em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;display:flex}.role-badge{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:var(--vermillion);color:#fbefe7;border-radius:999px;padding:4px 8px;font-size:10px}.dash-layout{flex:1;grid-template-columns:260px 1fr;min-height:0;display:grid}.sidebar{border-right:1px solid var(--line);background:var(--cream);flex-direction:column;gap:6px;padding:28px 20px;display:flex;overflow-y:auto}.sidebar .proj-title{font-family:var(--serif);letter-spacing:-.01em;margin:4px 6px;font-size:22px;line-height:1.1}.sidebar .proj-meta{font-family:var(--mono);color:var(--muted);letter-spacing:.08em;margin:0 6px 24px;font-size:11px}.nav-item{border-radius:var(--radius-md);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:14px;width:100%;padding:11px 14px;font-size:14px;text-decoration:none;display:flex}.nav-item:hover{background:var(--paper)}.nav-item.active{background:var(--ink);color:var(--cream)}.nav-item.active .nav-num{color:var(--vermillion)}.nav-item:disabled{opacity:.4;cursor:not-allowed}.nav-num{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);width:18px;font-size:10px}.nav-divider{background:var(--line);height:1px;margin:14px 6px}.sidebar-footer{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:auto;padding-top:16px;padding-left:6px;display:flex}.sidebar-icn{stroke:currentColor;fill:none;stroke-width:1.4px;flex-shrink:0;width:16px;height:16px}.main{padding:36px 48px 60px;overflow-y:auto}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:36px;display:flex}.page-title{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:28px;line-height:1.1}.page-title em{color:var(--vermillion);font-style:italic}.page-sub{color:var(--muted);font-size:13px;font-family:var(--mono);margin-top:6px}.card{background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius-md);padding:24px}.card.dark{background:var(--ink);color:var(--cream);border-color:#0000}.card.dark .eyebrow{color:#eae5d98c}.hero-num{font-family:var(--serif);letter-spacing:-.025em;margin:8px 0 0;font-size:72px;line-height:.95}.hero-num small{font-family:var(--sans);color:var(--muted);letter-spacing:0;margin-left:8px;font-size:14px}.btn{border-radius:var(--radius-sm);border:1px solid var(--ink);background:var(--ink);color:var(--cream);font-size:13px;font-family:var(--mono);letter-spacing:.01em;cursor:pointer;align-items:center;gap:8px;padding:9px 16px;transition:background .12s,border-color .12s;display:inline-flex}.btn.primary{background:var(--vermillion);border-color:var(--vermillion);color:#fff}.btn.primary:hover{background:var(--vermillion-d);border-color:var(--vermillion-d)}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.ghost:hover{background:var(--cream-2)}.btn.small{padding:6px 12px;font-size:12px}.btn .arrow{font-family:var(--serif);font-style:italic}.chip{border-radius:var(--radius-sm);background:var(--cream-2);font-size:10px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.chip.red{color:var(--vermillion);background:#ea53451f}.chip.teal{color:var(--teal);background:#4f8f8224}.chip.dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.login-shell{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.login-left{background:var(--ink);color:var(--cream);flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.login-headline{font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:clamp(48px,5.4vw,84px);line-height:.98}.login-headline em{color:var(--vermillion);font-style:italic}.login-right{background:var(--cream);flex-direction:column;justify-content:center;padding:56px clamp(40px,8vw,120px);display:flex}.field{flex-direction:column;gap:6px;margin-bottom:18px;display:flex}.field label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-size:11px}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--paper);border-radius:var(--radius-md);color:var(--ink);outline:none;width:100%;padding:14px 16px;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--ink)}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--vermillion);outline-offset:2px}.login-foot{color:var(--muted);margin-top:18px;font-size:12px}.login-foot a{color:var(--ink)}.shape-collage{pointer-events:none;opacity:.85;position:absolute;inset:0}.stats-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.projects-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.project-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;gap:14px;min-height:240px;padding:22px 22px 18px;transition:transform .15s,box-shadow .15s;display:flex}.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card .title{font-family:var(--serif);letter-spacing:-.015em;margin:0;font-size:28px;line-height:1}.project-card .meta{font-family:var(--mono);color:var(--muted);letter-spacing:.06em;flex-wrap:wrap;gap:12px;font-size:11px;display:flex}.project-card .row{justify-content:space-between;align-items:center;display:flex}.project-card .bar{background:var(--cream-2);border-radius:999px;height:4px;overflow:hidden}.project-card .bar>span{background:var(--vermillion);height:100%;display:block}.create-card{border:1px dashed var(--line);color:var(--ink-soft);font-family:var(--serif);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:12px;font-size:26px;font-style:italic;display:flex}.create-card:hover{background:var(--paper);color:var(--ink)}.recuento-grid{grid-template-columns:1.1fr 1fr;gap:22px;display:grid}.qr-frame{background:var(--ink);color:var(--cream);border-radius:var(--radius-xl);flex-direction:column;gap:22px;padding:32px;display:flex;position:relative;overflow:hidden}.qr-scanner{aspect-ratio:1;background:var(--ink-2);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.qr-corners{position:absolute;inset:0}.qr-corners:before,.qr-corners:after,.qr-corners>i:before,.qr-corners>i:after{content:"";border-color:var(--vermillion);border-style:solid;border-width:0;width:28px;height:28px;position:absolute}.qr-corners:before{border-top-width:2px;border-left-width:2px;top:18px;left:18px}.qr-corners:after{border-top-width:2px;border-right-width:2px;top:18px;right:18px}.qr-corners>i:before{border-bottom-width:2px;border-left-width:2px;bottom:18px;left:18px}.qr-corners>i:after{border-bottom-width:2px;border-right-width:2px;bottom:18px;right:18px}.scan-line{background:var(--vermillion);height:2px;box-shadow:0 0 18px var(--vermillion);animation:2.4s ease-in-out infinite scan;position:absolute;left:8%;right:8%}@keyframes scan{0%{opacity:.2;top:14%}50%{opacity:.9;top:86%}to{opacity:.2;top:14%}}.scan-feed-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg)}.feed-row{border-bottom:1px solid var(--line-soft);grid-template-columns:32px 1fr auto auto;align-items:center;gap:14px;padding:14px 20px;display:grid}.feed-row:last-child{border-bottom:0}.feed-row .name{font-size:14px}.feed-row .role{font-family:var(--mono);color:var(--muted);letter-spacing:.06em;font-size:11px}.feed-row .time{font-family:var(--mono);color:var(--ink-soft);font-size:12px}.feed-row.dup{background:#ea53450f}.dot-i{background:var(--teal);border-radius:50%;width:10px;height:10px;margin:auto}.dot-i.duplicate{background:var(--vermillion)}.totals-row{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.cal-grid{grid-template-columns:1.4fr 1fr;gap:22px;display:grid}.cal-month{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}.cal-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.cal-weekdays{font-family:var(--mono);color:var(--muted);letter-spacing:.14em;text-transform:uppercase;grid-template-columns:repeat(7,1fr);padding:0 4px 8px;font-size:10px;display:grid}.cal-days{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.cal-day{aspect-ratio:1/1.05;background:var(--cream-2);cursor:pointer;border:1px solid #0000;border-radius:10px;flex-direction:column;justify-content:space-between;padding:8px 10px;font-size:12px;transition:border-color .12s;display:flex;position:relative}.cal-day:hover{border-color:var(--ink)}.cal-day.outside{opacity:.35;pointer-events:none}.cal-day.shoot-day{background:var(--paper)}.cal-day.shoot-day.night{background:var(--ink);color:var(--cream)}.cal-day.selected{outline:2px solid var(--vermillion);outline-offset:2px}.dnum{font-family:var(--serif);font-size:18px;line-height:1}.cal-day .swatch{background:var(--vermillion);border-radius:999px;height:4px;margin-top:auto}.cal-day.shoot-day.night .swatch{background:var(--teal)}.postit{border-radius:var(--radius-lg);background:#fbefe7;padding:22px 24px;position:relative;transform:rotate(-.6deg);box-shadow:0 14px 30px -16px #ea53454d,0 0 0 1px #2a2b2d14}.postit:before{content:"";background:#0c162014;border-radius:4px;width:64px;height:14px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(2deg)}.postit h3{font-family:var(--serif);letter-spacing:-.01em;margin:12px 0 4px;font-size:30px;line-height:1}.postit .schedule{-moz-column-gap:18px;grid-template-columns:auto 1fr;gap:6px 18px;margin-top:16px;font-size:13px;display:grid}.postit .schedule .t{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.06em;font-size:11px}.postit .map-link{color:var(--vermillion);border-bottom:1px solid;align-items:center;gap:6px;margin-top:14px;padding-bottom:1px;font-size:12px;text-decoration:none;display:inline-flex}.menu-week{grid-template-columns:repeat(7,1fr);gap:12px;margin-top:8px;display:grid}.menu-col{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;gap:14px;min-height:360px;padding:14px;display:flex}.menu-col .day-h{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:baseline;margin-bottom:4px;padding-bottom:8px;display:flex}.menu-col .day-h .d{font-family:var(--serif);font-size:24px;line-height:1}.menu-col .day-h .w{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.menu-col.today{background:var(--ink);color:var(--cream);border-color:#0000}.menu-col.today .day-h .w{color:#eae5d999}.menu-col.today .meal-label{color:var(--vermillion)}.menu-col.today .dish{color:var(--cream)}.menu-col.today .day-h{border-color:#eae5d926}.meal{flex-direction:column;gap:4px;display:flex}.meal-label{font-family:var(--mono);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:10px}.dish{font-size:13px;line-height:1.35}.dish .badge{font-family:var(--mono);background:var(--cream-2);color:var(--ink-soft);vertical-align:middle;letter-spacing:.05em;border-radius:999px;margin-left:6px;padding:1px 5px;font-size:9px;display:inline-block}.menu-col.today .dish .badge{color:#eae5d9b3;background:#eae5d91f}.tol-row{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.split{align-items:center;gap:12px;display:flex}.spacer{flex:1}.divider{background:var(--line);height:1px;margin:24px 0}.icn{stroke:currentColor;fill:none;stroke-width:1.4px;width:16px;height:16px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--vermillion);color:var(--cream);z-index:9999;padding:.5rem 1rem;transition:top .2s;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.ws{background:var(--cream);min-height:100vh;font-family:var(--sans);display:flex}.ws-sidebar{background:var(--ink);border-right:1px solid #eae5d912;flex-direction:column;flex-shrink:0;width:224px;min-width:224px;height:100vh;min-height:100vh;display:flex;position:sticky;top:0}.ws-brand{border-bottom:1px solid #eae5d912;padding:32px 24px 24px}.ws-kanji-btn{cursor:pointer;background:0 0;border:none;padding:0;display:block}.ws-kanji{font-family:var(--serif);color:var(--vermillion);margin-bottom:6px;font-size:38px;line-height:1;display:block}.ws-brand-name{color:#eae5d9;letter-spacing:.22em;text-transform:uppercase;font-size:11px;font-weight:300;line-height:1.3}.ws-brand-tag{color:var(--cyan);letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-family:var(--mono);opacity:.7;margin-top:4px}.ws-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.ws-nav-item{text-align:left;width:100%;font-size:13px;font-family:var(--sans);color:#eae5d9;border-radius:var(--radius-sm);cursor:pointer;opacity:.6;background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.ws-nav-item:hover{opacity:1;background:#eae5d90f}.ws-nav-item.active{opacity:1;background:var(--vermillion);color:#fff;font-weight:500}.ws-nav-item:disabled{cursor:not-allowed;opacity:.3}.ws-nav-item:disabled:hover{background:0 0}.ws-soon{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);background:#eae5d91a;margin-left:auto;padding:2px 5px;font-size:8px}.ws-project{border-top:1px solid #eae5d912;padding:20px 24px}.ws-project-label{letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-family:var(--mono);color:#eae5d9;opacity:.3;margin-bottom:4px}.ws-project-name{color:#eae5d9;font-size:13px;font-family:var(--serif);opacity:.75}.ws-project-status{align-items:center;gap:6px;margin-top:8px;display:flex}.ws-status-dot{background:var(--teal);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite wsPulse}.ws-project-status{color:var(--teal);font-size:9px;font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase}@keyframes wsPulse{0%,to{opacity:1}50%{opacity:.4}}.ws-user{border-top:1px solid #eae5d912;align-items:center;gap:10px;padding:16px 20px;display:flex}.ws-user .avatar{background:var(--vermillion);color:#fff;flex-shrink:0}.ws-user-name{color:#eae5d9;opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.ws-user-role{font-size:9px;font-family:var(--mono);letter-spacing:.08em;margin-top:2px}.ws-user-edit{color:#eae5d9;opacity:.4;border-radius:var(--radius-sm);margin-left:auto;padding:6px;transition:all .15s;display:flex}.ws-user-edit:hover{opacity:1;color:#eae5d9;background:#eae5d914}.ws .dash-layout{flex:1;min-width:0}.ws .main{padding:32px 36px 60px}@media (width<=768px){.ws{flex-direction:column}.ws-sidebar{flex-direction:column;width:100%;min-width:0;height:auto;min-height:0;position:relative}.ws-nav{flex-flow:wrap}.ws-nav-item{width:auto}}.animate-fade-in{animation:.2s ease-out fadeIn}.animate-scale-in{animation:.15s ease-out scaleIn}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-umami-surface:hover{--tw-bg-opacity:1;background-color:rgb(234 229 217/var(--tw-bg-opacity,1))}.hover\:text-charcoal-800:hover{--tw-text-opacity:1;color:rgb(18 28 33/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-primary-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(212 56 42/var(--tw-ring-opacity,1))}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (width>=640px){.sm\:mt-0{margin-top:0}.sm\:block{display:block}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (width>=768px){.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}
