:root{--bg: #fafaf9;--card: #ffffff;--text: #1e293b;--text-muted: #64748b;--accent-1: #f97316;--accent-2: #ea580c;--border: #e2e8f0;--shadow: rgba(0,0,0,.08);--shadow-hover: rgba(0,0,0,.12)}body{background:linear-gradient(135deg,#fef3e2,#fef8ed);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}img,video{max-width:100%;height:auto}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.container{max-width:1100px;margin:0 auto;padding:1rem 1.25rem}@media(max-width:768px){.container{padding:1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.25rem;border-radius:10px;border:1px solid transparent;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;font-size:.95rem}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));color:#fff;box-shadow:0 4px 12px #f9731640;border:none}.btn--primary:hover{box-shadow:0 8px 20px #f9731659;transform:translateY(-3px)}.btn--ghost{background:var(--card);color:var(--text);border:1px solid var(--border);box-shadow:0 2px 4px var(--shadow)}.btn--ghost:hover{border-color:var(--accent-1);background:#fff;box-shadow:0 4px 8px var(--shadow-hover)}.btn--small{padding:.5rem .9rem;font-size:.9rem}.site-header{border-bottom:1px solid var(--border);backdrop-filter:blur(12px);background:#ffffffe6;box-shadow:0 1px 3px var(--shadow);position:sticky;top:0;z-index:100}.site-header .container{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.brand{font-weight:700;color:var(--accent-1);text-decoration:none;font-size:1.125rem;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.75rem}.brand:hover{transform:scale(1.02)}.brand-logo{width:72px;height:72px;display:block;object-fit:contain;border-radius:0}.brand span{font-size:1.125rem;font-weight:700;color:var(--accent-1);letter-spacing:.2px}@media(max-width:720px){.brand-logo{width:44px;height:44px}.brand span{display:none}}.nav{display:flex;gap:.5rem;align-items:center}.nav a{color:var(--text-muted);text-decoration:none;cursor:pointer;transition:all .2s ease;font-weight:500;padding:.5rem .75rem;border-radius:8px;display:block}.nav a:hover{color:var(--accent-1);background:#f9731614}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text);z-index:101}.mobile-menu-toggle svg{width:28px;height:28px;stroke-width:2}.nav-backdrop{display:none}.user-menu{position:relative;display:none}.user-menu-toggle{background:none;border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text)}.user-menu-toggle:hover{background:#f9731614;border-color:var(--accent-1)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px var(--shadow);min-width:200px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:1001;overflow:hidden}.user-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-header{padding:.85rem 1rem;border-bottom:1px solid var(--border);font-weight:600;color:var(--text);font-size:.95rem}.user-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;color:var(--text);text-decoration:none;transition:all .2s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.95rem}.user-dropdown-item:hover{background:#f9731614;color:var(--accent-1)}.user-dropdown-item:last-child{border-radius:0 0 12px 12px}.user-dropdown-item svg{flex-shrink:0}@media(max-width:768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.nav{position:fixed;top:0;left:-100%;width:80%;max-width:340px;height:100vh;background:var(--card);box-shadow:4px 0 20px #00000026;flex-direction:column;align-items:stretch;padding:3rem 0 2rem;gap:0;transition:left .35s cubic-bezier(.4,0,.2,1);z-index:1000;overflow-y:auto;border-right:1px solid var(--border)}.nav.open{left:0}.nav a{width:100%;padding:1.1rem 1.75rem;font-size:1.1rem;border-radius:0;border-bottom:1px solid var(--border);color:var(--text);font-weight:500;text-align:left}.nav a:first-child{border-top:1px solid var(--border)}.nav a:hover{background:linear-gradient(90deg,rgba(249,115,22,.08),transparent);color:var(--accent-1)}.nav-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:999;backdrop-filter:blur(2px)}.nav-backdrop.open{display:block}}@media(max-width:520px){.site-header .container{gap:.5rem}.user-menu-toggle{width:36px;height:36px}.user-dropdown{right:.5rem;max-width:calc(100vw - 1.5rem)}}main{flex:1}.site-footer{border-top:1px solid var(--border);padding:1.5rem 0;margin-top:3rem;background:#ffffff80;color:var(--text-muted)}.site-footer p{margin:0}.site-footer .muted{opacity:.8}@media(max-width:768px){.site-footer{text-align:center;font-size:.9rem}.site-footer p{margin:.25rem 0}}html,body{margin:0;width:100%;height:100%}