:root{--color-bg: #f8f9fa;--color-bg-secondary: #ffffff;--color-bg-card: #ffffff;--color-primary: #e78468;--color-primary-hover: #d97556;--color-text: #1a1a2e;--color-text-secondary: #4b5563;--color-border: rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh}.app{min-height:100vh}.header{background:var(--color-bg-secondary);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000a}.navbar{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;color:var(--color-text);text-decoration:none;font-weight:700;font-size:18px}.logo-icon{width:28px;height:28px;color:var(--color-primary)}.nav-actions{display:flex;align-items:center;gap:16px}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--color-text)}.btn-primary{background:var(--color-primary);color:#fff;text-decoration:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;transition:background .2s}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:transparent;color:var(--color-text-secondary);border:1px solid rgba(0,0,0,.15);padding:9px 19px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{color:var(--color-text);border-color:#0000004d;background:#00000005}.user-menu-container{position:relative}.user-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg);border:1px solid rgba(0,0,0,.1);border-radius:50%;cursor:pointer;transition:all .2s}.user-menu-btn:hover{background:#0000000d;border-color:#0003}.user-menu-btn svg{width:20px;height:20px;color:var(--color-text-secondary)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:160px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 4px 16px #0000001f;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s;overflow:hidden}.user-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown a,.user-dropdown button{display:block;width:100%;padding:12px 16px;text-align:left;font-size:14px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;background:none;border:none;cursor:pointer;transition:all .15s}.user-dropdown a:hover,.user-dropdown button:hover{background:var(--color-bg);color:var(--color-text)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text);cursor:pointer;padding:8px}.mobile-menu-btn svg{width:24px;height:24px}.mobile-menu{display:none;flex-direction:column;gap:8px;padding:16px 24px;background:var(--color-bg-secondary);border-bottom:1px solid rgba(0,0,0,.06)}.mobile-menu.open{display:flex}.mobile-menu a,.mobile-menu button{color:var(--color-text-secondary);text-decoration:none;padding:12px 0;font-size:14px;font-weight:500;background:none;border:none;text-align:left;cursor:pointer;transition:color .2s}.mobile-menu a:hover,.mobile-menu button:hover{color:var(--color-text)}@media (max-width: 768px){.nav-actions{display:none}.mobile-menu-btn{display:block}}.main-content{max-width:500px;margin:0 auto;padding:40px 20px}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:var(--color-text-secondary)}input{width:100%;padding:12px 16px;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:16px;color:var(--color-text);transition:border-color .2s}input:focus{outline:none;border-color:var(--color-primary)}input::placeholder{color:var(--color-text-secondary)}button[type=submit]{background:var(--color-primary);color:#fff;border:none;padding:14px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;width:100%;transition:background .2s}button[type=submit]:hover{background:var(--color-primary-hover)}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.card{background:var(--color-bg-card);padding:32px;border-radius:16px;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d,0 4px 12px #00000008}h1{margin-bottom:24px;font-size:28px;font-weight:700}.error{background:#fef2f2;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #fecaca}.success{background:#f0fdf4;color:#16a34a;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #bbf7d0}.link{color:var(--color-primary);text-decoration:none;transition:opacity .2s}.link:hover{opacity:.8}.mt-15{margin-top:15px}