@import "https://fonts.googleapis.com/css2?family=Work+Sans:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#ea5504;--primary-dark:#a33800;--primary-container:#cd4800;--on-primary:#fff;--primary-gradient:linear-gradient(135deg, #a33800, #cd4800);--background:#fff8f6;--surface:#fff8f6;--surface-container:#ffe9e2;--surface-container-high:#fee2d9;--surface-container-highest:#f8ddd3;--surface-container-low:#fff1ec;--surface-container-lowest:#fff;--surface-dim:#f0d4cb;--on-surface:#261813;--on-surface-variant:#5a4138;--on-background:#261813;--secondary:#5f5e5e;--secondary-container:#e4e2e1;--on-secondary:#fff;--tertiary:#5b5c5c;--outline:#8e7066;--outline-variant:#e3bfb2;--error:#ba1a1a;--error-container:#ffdad6;--success:#ea5504;--font-headline:"Work Sans", "Arial", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 4px 12px -2px #2618130a;--shadow-md:0 8px 24px -4px #2618130f;--shadow-lg:0 12px 32px -4px #2618130f;--shadow-xl:0 20px 48px -8px #26181314;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--glass-bg:#fff8f6b3;--glass-blur:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);color:var(--on-surface);background-color:var(--background);min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);color:var(--on-surface);font-weight:700;line-height:1.2}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-dark)}button{font-family:var(--font-body);cursor:pointer;transition:all var(--transition-normal);border:none;outline:none}.btn-primary{background:var(--primary-gradient);color:var(--on-primary);font-family:var(--font-headline);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);box-shadow:var(--shadow-md);letter-spacing:.02em;font-size:1rem;font-weight:700}.btn-primary:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{color:var(--primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);background:0 0;border:1.5px solid #e3bfb233;font-weight:600}.btn-ghost:hover{background:var(--surface-container)}.input-field{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-container-highest);color:var(--on-surface);font-family:var(--font-body);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);border:none;border-bottom:2px solid #0000;font-size:.9375rem}.input-field:focus{border-bottom-color:var(--primary);outline:none}.input-field::placeholder{color:var(--outline)}.input-label{color:var(--on-surface-variant);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600;display:block}.card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur))}.status-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;display:inline-flex}.status-badge--success{color:var(--primary);background:#ea55041a}.status-badge--pending{color:var(--secondary);background:#5f5e5e1a}.status-badge--error{color:var(--error);background:#ba1a1a1a}.status-badge--progress{color:var(--primary-dark);background:#ea550414}.container{width:100%;max-width:480px;padding:0 var(--space-4);margin:0 auto}@media (width>=768px){.container{max-width:720px}}@media (width>=1024px){.container{max-width:1024px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-container-low)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--radius-full)}.page-enter{opacity:0;transform:translateY(8px)}.page-enter-active{opacity:1;transition:opacity var(--transition-normal), transform var(--transition-normal);transform:translateY(0)}#root{min-height:100vh}.login-page{min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg-circle{filter:blur(80px);opacity:.12;pointer-events:none;border-radius:50%;position:absolute}.login-bg-circle--1{background:var(--primary);width:400px;height:400px;top:-100px;right:-80px}.login-bg-circle--2{background:var(--primary-container);width:300px;height:300px;bottom:-60px;left:-60px}.login-container{width:100%;max-width:400px;padding:var(--space-10) var(--space-8);border-radius:var(--radius-xl);text-align:center;z-index:1;animation:.5s ease-out fadeUp;position:relative}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-brand{margin-bottom:var(--space-8)}.login-logo{width:auto;height:56px;margin-bottom:var(--space-3)}.login-subtitle{font-family:var(--font-headline);color:var(--on-surface-variant);letter-spacing:.15em;text-transform:uppercase;font-size:.875rem;font-weight:600}.login-form{gap:var(--space-5);text-align:left;flex-direction:column;display:flex}.login-field{flex-direction:column;display:flex}.login-error{background:var(--error-container);color:var(--error);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-align:center;font-size:.875rem}.login-btn{width:100%;padding:var(--space-4);margin-top:var(--space-2);justify-content:center;align-items:center;gap:var(--space-2);font-size:1.0625rem;display:flex}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-hint{margin-top:var(--space-6);color:var(--outline);font-size:.75rem}.tasks-page{min-height:100vh;padding-bottom:var(--space-12)}.tasks-header{z-index:100;border-bottom:1px solid var(--outline-variant);position:sticky;top:0}.tasks-header-inner{justify-content:space-between;align-items:center;height:56px;display:flex}.tasks-header-left{align-items:center;display:flex}.tasks-logo{width:auto;height:32px}.tasks-header-right{align-items:center;gap:var(--space-3);display:flex}.tasks-user-name{color:var(--on-surface-variant);font-size:.875rem;font-weight:600}.tasks-logout-btn{padding:var(--space-2)!important;border-radius:var(--radius-md)!important}.tasks-main{padding-top:var(--space-8)}.tasks-title-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.tasks-title-icon{color:var(--primary)}.tasks-title{font-size:1.5rem;font-family:var(--font-headline)}.tasks-loading,.tasks-empty{justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-12) 0;color:var(--outline);flex-direction:column;display:flex}.tasks-spinner{border:3px solid var(--surface-container);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}.tasks-list{gap:var(--space-4);flex-direction:column;display:flex}.task-card{cursor:pointer;padding:var(--space-5);position:relative}.task-card:active{transform:scale(.98)}.task-card-top{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.task-card-order{font-family:var(--font-headline);color:var(--on-surface);font-size:1.125rem;font-weight:700}.task-card-date{color:var(--on-surface-variant);margin-top:var(--space-1);font-size:.8125rem}.task-card-progress{align-items:center;gap:var(--space-3);display:flex}.task-progress-bar{background:var(--surface-container);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.task-progress-fill{background:var(--primary-gradient);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.task-progress-text{color:var(--on-surface-variant);white-space:nowrap;font-size:.75rem;font-weight:600}.task-card-arrow{right:var(--space-4);color:var(--outline);position:absolute;top:50%;transform:translateY(-50%)}.items-page{min-height:100vh;padding-bottom:var(--space-12)}.items-header{z-index:100;border-bottom:1px solid var(--outline-variant);position:sticky;top:0}.items-header-inner{justify-content:space-between;align-items:center;height:56px;display:flex}.items-back-btn{padding:var(--space-2)!important;border-radius:var(--radius-md)!important}.items-header-title{font-family:var(--font-headline);font-size:1.125rem}.items-main{padding-top:var(--space-6)}.items-list{gap:var(--space-4);flex-direction:column;display:flex}.item-card{align-items:flex-start;gap:var(--space-4);cursor:pointer;padding:var(--space-5);display:flex;position:relative}.item-card:active{transform:scale(.98)}.item-card-index{border-radius:var(--radius-lg);background:var(--primary-gradient);width:36px;height:36px;color:var(--on-primary);font-family:var(--font-headline);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.item-card-body{flex:1;min-width:0}.item-card-top{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.item-card-name{font-family:var(--font-headline);font-size:1rem;font-weight:700}.item-card-action{align-items:center;gap:var(--space-1);color:var(--primary);margin-top:var(--space-3);font-size:.75rem;font-weight:600;display:inline-flex}.inspect-page{min-height:100vh;padding-bottom:var(--space-12)}.inspect-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:100vh;color:var(--outline);flex-direction:column;display:flex}.hidden-input{opacity:0;width:0;height:0;position:absolute;overflow:hidden}.inspect-header{z-index:100;position:sticky;top:0}.inspect-header-inner{justify-content:space-between;align-items:center;height:56px;display:flex}.inspect-header-center{align-items:center;gap:var(--space-2);display:flex}.inspect-step-badge{font-family:var(--font-headline);color:var(--on-surface);font-size:.9375rem;font-weight:700}.inspect-progress-mini{color:var(--on-surface-variant);font-size:.75rem;font-weight:600}.inspect-progress-bar{background:var(--surface-container);height:3px}.inspect-progress-fill{background:var(--primary-gradient);height:100%;transition:width var(--transition-slow)}.inspect-main{padding-top:var(--space-6)}.inspect-group-label{text-transform:uppercase;letter-spacing:.12em;color:var(--primary);margin-bottom:var(--space-2);font-size:.6875rem;font-weight:700}.inspect-step-title{font-family:var(--font-headline);color:var(--on-surface);margin-bottom:var(--space-2);font-size:1.375rem;font-weight:800}.inspect-step-desc{color:var(--on-surface-variant);margin-bottom:var(--space-6);font-size:.875rem;line-height:1.5}.inspect-image-area{aspect-ratio:4/3;border-radius:var(--radius-lg);width:100%;margin-bottom:var(--space-6);background:var(--surface-container-low);position:relative;overflow:hidden}.inspect-reference,.inspect-photo-preview,.inspect-skipped{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.inspect-reference-img,.inspect-photo-img{object-fit:contain;background:var(--surface-container-lowest);width:100%;height:100%}.inspect-reference-label{bottom:var(--space-3);align-items:center;gap:var(--space-1);color:var(--on-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#26181399;font-size:.6875rem;font-weight:600;display:flex;position:absolute;left:50%;transform:translate(-50%)}.inspect-photo-check{top:var(--space-3);right:var(--space-3);background:var(--primary);width:32px;height:32px;color:var(--on-primary);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.inspect-skipped{gap:var(--space-3);color:var(--outline);flex-direction:column;font-size:.875rem;font-weight:600}.inspect-actions{gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.inspect-capture-btn{justify-content:center;align-items:center;gap:var(--space-2);flex:1;font-size:1rem;display:flex;padding:var(--space-4)!important}.inspect-skip-btn{align-items:center;gap:var(--space-2);white-space:nowrap;font-size:.875rem;display:flex}.inspect-nav{margin-bottom:var(--space-6);justify-content:space-between;display:flex}.inspect-nav-btn{align-items:center;gap:var(--space-1);font-size:.875rem;display:flex}.inspect-nav-btn:disabled{opacity:.3;cursor:not-allowed}.inspect-thumbs{gap:var(--space-2);padding-bottom:var(--space-8);flex-wrap:wrap;display:flex}.inspect-thumb{border-radius:var(--radius-md);background:var(--surface-container);width:40px;height:32px;color:var(--on-surface-variant);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;font-size:.625rem;font-weight:600;display:flex}.inspect-thumb--active{border:2px solid var(--primary)}.inspect-thumb--done{color:var(--primary);background:#ea550433!important}.inspect-thumb--skipped{background:var(--surface-container-high);color:var(--outline);text-decoration:line-through}@media (width>=768px){.inspect-image-area{max-width:600px;margin-left:auto;margin-right:auto}.inspect-actions{max-width:400px;margin-left:auto;margin-right:auto}}.admin-page{min-height:100vh;padding-bottom:var(--space-12)}.admin-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--primary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);margin-left:var(--space-3);background:#ea55041a;font-size:.625rem;font-weight:700}.admin-main{padding-top:var(--space-8)}.admin-section{margin-bottom:var(--space-10)}.admin-section-title{align-items:center;gap:var(--space-2);font-family:var(--font-headline);margin-bottom:var(--space-4);color:var(--primary);font-size:1.25rem;display:flex}.admin-form{gap:var(--space-5);flex-direction:column;display:flex}.admin-form-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}@media (width>=768px){.admin-form-grid{grid-template-columns:1fr 1fr}}.admin-result{margin-top:var(--space-4);border-left:3px solid var(--primary)}.admin-result-header{align-items:center;gap:var(--space-2);color:var(--primary);margin-bottom:var(--space-4);font-weight:700;display:flex}.admin-result-icon{color:var(--primary)}.admin-result-info{gap:var(--space-3);flex-direction:column;display:flex}.admin-result-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.admin-result-row span{color:var(--on-surface-variant)}.admin-result-row strong{color:var(--on-surface)}.admin-result-row--password{background:var(--surface-container);padding:var(--space-3);border-radius:var(--radius-md)}.admin-password-display{align-items:center;gap:var(--space-2);display:flex}.admin-password-code{color:var(--primary);letter-spacing:.15em;font-family:Courier New,monospace;font-size:1.25rem;font-weight:700}.admin-copy-btn{padding:var(--space-1)!important;border-radius:var(--radius-sm)!important}.admin-search{margin-bottom:var(--space-4);position:relative}.admin-search-icon{left:var(--space-3);color:var(--outline);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.admin-search-input{padding-left:var(--space-8)!important}.admin-reports-list{gap:var(--space-3);flex-direction:column;display:flex}.admin-report-card{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);display:flex}.admin-report-order{font-family:var(--font-headline);font-size:.9375rem;font-weight:700}.admin-report-meta{color:var(--on-surface-variant);margin-top:var(--space-1);font-size:.75rem}.admin-report-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.admin-action-btn{padding:var(--space-2)!important;border-radius:var(--radius-md)!important}.admin-action-btn--danger:hover{color:var(--error)!important;background:var(--error-container)!important}