@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-bg-base:#f8fafc;--color-bg-elevated:#fff;--color-bg-panel:#fff;--color-bg-glass-light:#007aff14;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-accent:#007aff;--color-accent-hover:#0062cc;--color-success:#34c759;--color-warning:#ff9f0a;--color-danger:#ff3b30;--color-danger-glass:#ff3b301a;--border-light:#00000014;--border-focus:#007aff66;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-panel:0 4px 20px #0000000d;--shadow-hover:0 10px 30px #007aff1a;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-pill:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--color-bg-base:#0a0a0a;--color-bg-elevated:#121212;--color-bg-panel:#1c1c1e;--color-bg-glass-light:#007aff26;--color-text-primary:#fff;--color-text-secondary:#a1a1a6;--color-text-tertiary:#6e6e73;--color-accent:#007aff;--color-accent-hover:#409cff;--color-success:#30d158;--color-warning:#ffd60a;--color-danger:#ff453a;--color-danger-glass:#ff453a26;--border-light:#ffffff1a;--border-focus:#007aff99;--shadow-panel:0 4px 24px #00000080;--shadow-hover:0 10px 30px #007aff33}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;min-height:100vh;line-height:1.5;display:flex}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}a{color:var(--color-accent);text-decoration:none}.text-gradient{background:linear-gradient(135deg, var(--color-accent), #00e5ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hover-lift{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.hover-lift:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.glass-panel{background:var(--color-bg-panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);border:1px solid var(--border-light)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:600}.input-field{background:var(--color-bg-base);color:var(--color-text-primary);border-radius:var(--radius-md);font-family:var(--font-family);border:1px solid var(--border-light);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:.875rem 1rem;font-size:1rem}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #007aff33}.input-field::placeholder{color:var(--color-text-tertiary)}.btn{border-radius:var(--radius-md);font-weight:600;font-family:var(--font-family);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-bg-glass-light);color:var(--color-accent)}.btn-secondary:hover{background:#007aff26}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#d93025}@media (width<=768px){.mobile-grid-1{grid-template-columns:1fr!important}.mobile-flex-wrap{flex-wrap:wrap!important}.mobile-flex-col{flex-direction:column!important}.mobile-p-4{padding:1rem!important}.mobile-py-8{padding-top:2rem!important;padding-bottom:2rem!important}.layout-wrapper{flex-direction:column!important}.layout-sidebar{border-bottom:1px solid var(--border-light);border-right:none!important;width:100%!important}.layout-main{padding:1rem!important}.data-entry-layout{min-height:calc(100vh - 4rem);flex-direction:column!important;height:auto!important}.data-entry-sidebar{max-height:40vh;width:100%!important}.data-entry-main{padding:1rem!important;overflow-y:visible!important}.data-entry-grid{grid-template-columns:1fr!important}.data-entry-photo-panel{width:100%!important}}.badge{border-radius:var(--radius-pill);letter-spacing:.5px;text-transform:uppercase;align-items:center;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.badge-warning{color:var(--color-warning);background:#ff9f0a26}.badge-success{color:var(--color-success);background:#34c75926}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}