:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100vh;margin:0}:root{--color-primary-base:#22c55e;--color-primary-dark:#16a34a;--color-primary-light:#86efac;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{color:var(--color-neutral-900);margin:0}.btn-primary{background-color:var(--color-primary-base);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px)}.btn-secondary{color:var(--color-neutral-800);border:1px solid var(--color-neutral-200);cursor:pointer;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--color-neutral-50);border-color:var(--color-neutral-300)}.btn-icon{color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.btn-icon:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.input-field{border:1px solid var(--color-neutral-200);width:100%;color:var(--color-neutral-900);background:#fff;border-radius:8px;outline:none;padding:10px 16px;font-size:.875rem;transition:all .2s}.input-field:focus{border-color:var(--color-primary-base);box-shadow:0 0 0 3px #22c55e26}.card{box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);background:#fff;border-radius:12px;padding:24px;overflow:hidden}.table-wrapper{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{background-color:var(--color-neutral-50);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-neutral-200);cursor:pointer;-webkit-user-select:none;user-select:none;padding:16px 24px;font-size:.75rem;font-weight:600}th:hover{background-color:var(--color-neutral-100)}td{border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-800);vertical-align:middle;padding:16px 24px;font-size:.875rem}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--color-neutral-50)}.dashboard-container{background-color:var(--color-neutral-50);min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--color-neutral-200);background:#fff;flex-direction:column;height:100vh;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0;overflow:hidden}.sidebar-expanded{width:260px}.sidebar-collapsed{width:80px}.sidebar-header{border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;height:72px;padding:0 16px;display:flex}.sidebar-brand-text{color:var(--color-neutral-900);white-space:nowrap;text-overflow:ellipsis;margin-left:12px;font-size:1.25rem;font-weight:700;overflow:hidden}.sidebar-content{flex-direction:column;flex:1;gap:8px;padding:24px 12px;display:flex}.sidebar-item{color:var(--color-neutral-500);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;padding:12px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;overflow:hidden}.sidebar-item.active{background:var(--color-neutral-100);color:var(--color-primary-dark)}.sidebar-item:hover:not(.active){background:var(--color-neutral-50);color:var(--color-neutral-900)}.sidebar-icon{justify-content:center;align-items:center;min-width:24px;display:flex}.sidebar-text{opacity:1;white-space:nowrap;margin-left:16px;transition:opacity .2s;overflow:hidden}.sidebar-collapsed .sidebar-text,.sidebar-collapsed .sidebar-brand-text{display:none}.sidebar-collapsed .sidebar-item{justify-content:center}.main-content{flex:1;max-width:100%;padding:32px 48px;overflow-x:hidden}.pagination{border-top:1px solid var(--color-neutral-200);background:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pagination-controls{align-items:center;gap:4px;display:flex}.page-btn{border:1px solid var(--color-neutral-200);color:var(--color-neutral-500);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){background:var(--color-neutral-50);color:var(--color-neutral-900);border-color:var(--color-neutral-300)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn.active{background:var(--color-primary-base);color:#fff;border-color:var(--color-primary-base)}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.filter-bar{align-items:center;gap:16px;margin-bottom:24px;display:flex}.sidebar-backdrop{display:none}@media (width>=769px){.mobile-header{display:none}}@media (width<=768px){.main-content{margin-top:60px;padding:24px 16px}.mobile-header{border-bottom:1px solid var(--color-neutral-200);z-index:40;background:#fff;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:fixed;top:0;left:0;right:0}.sidebar{z-index:50;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);width:280px!important}.sidebar-expanded{transform:translate(0)}.sidebar-collapsed{transform:translate(-100%)}.sidebar-text,.sidebar-brand-text{opacity:1!important;display:block!important}.sidebar-item{justify-content:flex-start!important}.sidebar-backdrop{z-index:45;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;display:block;position:fixed;inset:0}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar>div{width:100%!important}.pagination{text-align:center;flex-direction:column;align-items:stretch;gap:16px}.pagination-controls{justify-content:center}}.photo-card{border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.photo-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-neutral-300);transform:translateY(-4px)}