*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--teal: #0F766E;--teal-light: #CCFBF1;--teal-dark: #0D5F58;--red: #DC2626;--amber: #D97706;--green: #059669;--bg: #FAFAF9;--surface: #FFFFFF;--border: #E7E5E4;--border-focus:#0F766E;--text-primary: #1C1917;--text-secondary: #57534E;--text-muted: #A8A29E;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.07), 0 4px 6px -4px rgba(0,0,0,.04)}[data-theme=dark]{--teal: #2DD4BF;--teal-light: #134E4A;--teal-dark: #5EEAD4;--red: #F87171;--amber: #FBBF24;--green: #34D399;--bg: #0C0A09;--surface: #1C1917;--border: #292524;--border-focus:#2DD4BF;--text-primary: #FAFAF9;--text-secondary: #A8A29E;--text-muted: #78716C;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.4), 0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.4), 0 4px 6px -4px rgba(0,0,0,.3)}[data-theme=dark] body{background:var(--bg);color:var(--text-primary)}html{font-size:16px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1080px;margin:0 auto;padding:0 20px}.nav{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:60px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-brand{font-size:17px;font-weight:700;color:var(--teal);letter-spacing:-.3px;text-decoration:none;flex-shrink:0}.nav-brand:hover{text-decoration:none}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{font-size:14px;font-weight:500;color:var(--text-secondary);padding:6px 12px;border-radius:var(--radius-sm);transition:background .15s,color .15s;position:relative;text-decoration:none;white-space:nowrap}.nav-link:hover,.nav-link.active{background:var(--teal-light);color:var(--teal);text-decoration:none}.nav-hamburger,.nav-overlay,.nav-divider{display:none}@media (max-width: 768px){.nav-hamburger{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:8px;z-index:120}.nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:105}.nav-links{position:fixed;top:0;right:-280px;width:260px;height:100dvh;background:var(--surface);flex-direction:column;align-items:stretch;gap:2px;padding:72px 16px 24px;box-shadow:-4px 0 20px #0000001a;transition:right .25s ease;z-index:110;overflow-y:auto}.nav-links.open{right:0}.nav-link{padding:12px 14px;font-size:15px;border-radius:var(--radius-md)}.nav-divider{display:block;height:1px;background:var(--border);border:none;margin:8px 0}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.grid{display:grid;gap:20px}@media (min-width: 768px){.grid{gap:24px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s,opacity .15s,transform .1s;white-space:nowrap;background:var(--teal);color:#fff}.btn:hover:not(:disabled){background:var(--teal-dark)}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--teal);border:1.5px solid var(--border)}.btn.ghost:hover:not(:disabled){border-color:var(--teal);background:var(--teal-light)}.btn.secondary{background:var(--border);color:var(--text-primary)}.btn.secondary:hover:not(:disabled){background:var(--text-muted)}.btn.danger{background:color-mix(in srgb,var(--red) 12%,var(--surface));color:var(--red)}.btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--red) 22%,var(--surface))}.btn.sm{padding:6px 12px;font-size:13px;border-radius:var(--radius-sm)}.label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:.01em}.input{width:100%;padding:10px 14px;font-family:inherit;font-size:14px;color:var(--text-primary);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0f766e1f}.input::placeholder{color:var(--text-muted)}select.input{cursor:pointer}textarea.input{resize:vertical;line-height:1.5}.field{display:flex;flex-direction:column;gap:0}.divider{height:1px;background:var(--border);border:none;margin:0}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;border-radius:999px;letter-spacing:.04em;text-transform:uppercase}.badge.sold{background:#fee2e2;color:var(--red)}.badge.active{background:#d1fae5;color:var(--green)}.badge.new{background:var(--teal-light);color:var(--teal)}.page-section{padding:32px 0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}