:root{--cam-color-primary:#0ca2e0;--cam-color-primary-alt:#27dde8;--cam-color-text:#262b2e;--cam-color-surface:#f8fcff;--cam-color-border:#d7e8f2;--cam-color-white:#ffffff;--cam-gradient:linear-gradient(135deg, var(--cam-color-primary) 25%, var(--cam-color-primary-alt) 100%);--cam-elev-1:0 1px 3px rgba(12,162,224,.10),0 1px 2px rgba(12,162,224,.06);--cam-elev-2:0 4px 12px rgba(12,162,224,.12),0 2px 4px rgba(12,162,224,.08);--cam-elev-3:0 8px 24px rgba(12,162,224,.16),0 4px 8px rgba(12,162,224,.10);--cam-shadow-card:0 18px 40px rgba(12,162,224,.16);--cam-radius-md:10px;--cam-radius-lg:14px;--cam-label-size:0.9rem;--cam-field-gap:1rem;--cam-input-height:46px;--cam-button-height:46px;--cam-title-size-mobile:1.24rem;--cam-title-size-desktop:1.42rem;--cam-appbar-h:60px;--cam-bottomnav-h:64px;--cam-tab-line-h:3px}html{overflow-x:hidden}body{overflow-x:hidden;background:var(--cam-color-surface);color:var(--cam-color-text);padding-top:var(--cam-appbar-h);padding-bottom:calc(var(--cam-bottomnav-h) + env(safe-area-inset-bottom,0px))}@media (min-width:768px){body{padding-bottom:0}}.cam-appbar{position:fixed;top:0;left:0;right:0;z-index:1030;height:var(--cam-appbar-h);background:var(--cam-color-white);box-shadow:var(--cam-elev-2);display:flex;align-items:center;padding:0 .75rem;gap:.25rem}.cam-appbar-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--cam-color-text);font-weight:800;font-size:1.05rem;letter-spacing:.03em;flex-shrink:0;padding:0 .25rem;transition:color .2s}.cam-appbar-brand img{height:32px;width:auto}.cam-appbar-brand:hover{color:var(--cam-color-primary);text-decoration:none}.cam-appbar-spacer{flex:1 1 auto}.cam-appbar-tabs{display:none;align-items:stretch;height:var(--cam-appbar-h);gap:0;margin-left:.25rem}@media (min-width:768px){.cam-appbar-tabs{display:flex}}.cam-appbar-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 1rem;gap:2px;text-decoration:none;color:rgba(38,43,46,.55);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;transition:color .2s,background .2s;white-space:nowrap;cursor:pointer}.cam-appbar-tab i{font-size:1.1rem;transition:transform .2s}.cam-appbar-tab::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:var(--cam-tab-line-h);background:var(--cam-gradient);border-radius:var(--cam-tab-line-h) var(--cam-tab-line-h) 0 0;transform:translateX(-50%);transition:width .25s cubic-bezier(.4,0,.2,1)}.cam-appbar-tab:hover{color:var(--cam-color-primary);text-decoration:none;background:rgba(12,162,224,.06)}.cam-appbar-tab:hover i{transform:translateY(-1px)}.cam-appbar-tab.active{color:var(--cam-color-primary)}.cam-appbar-tab.active::after{width:calc(100% - 1rem)}.cam-tab-badge{position:absolute;top:9px;right:7px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--cam-gradient);color:#fff;font-size:.6rem;font-weight:700;line-height:17px;text-align:center;pointer-events:none}.cam-user-btn{display:flex;align-items:center;gap:.4rem;padding:.3rem .6rem .3rem .4rem;border:1.5px solid var(--cam-color-border);border-radius:24px;background:var(--cam-color-surface);color:var(--cam-color-text);font-size:.8rem;font-weight:700;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.cam-user-btn::after{display:none!important}.cam-user-btn:focus,.cam-user-btn:hover{border-color:var(--cam-color-primary);box-shadow:0 0 0 3px rgba(12,162,224,.15);color:var(--cam-color-primary);text-decoration:none;background:var(--cam-color-white)}.cam-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--cam-gradient);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;flex-shrink:0}.cam-user-name{overflow:hidden;text-overflow:ellipsis;max-width:140px}.cam-user-caret{font-size:.6rem;opacity:.6;flex-shrink:0;margin-left:2px}.cam-user-dropdown{min-width:210px!important;border:0!important;border-radius:var(--cam-radius-lg)!important;box-shadow:var(--cam-elev-3)!important;overflow:hidden;padding:.35rem 0!important;background:var(--cam-color-white);margin-top:6px!important}.cam-user-dropdown .dropdown-item{padding:.6rem 1.1rem;font-size:.85rem;color:var(--cam-color-text);display:flex;align-items:center;gap:.6rem;transition:background .15s}.cam-user-dropdown .dropdown-item i{width:16px;text-align:center;color:rgba(38,43,46,.55)}.cam-user-dropdown .dropdown-item:hover{background:var(--cam-color-surface);color:var(--cam-color-primary)}.cam-user-dropdown .dropdown-item:hover i{color:var(--cam-color-primary)}.cam-user-dropdown .cam-logout-item{color:#d9534f}.cam-user-dropdown .cam-logout-item i{color:#d9534f}.cam-user-dropdown .cam-logout-item:hover{background:#fff5f5;color:#c9302c}.cam-user-dropdown .dropdown-divider{margin:.2rem 0;border-color:var(--cam-color-border)}.cam-guest-links{display:flex;align-items:center;gap:.5rem}.cam-link-login{display:inline-flex;align-items:center;padding:.38rem 1rem;border-radius:20px;background:var(--cam-gradient);color:#fff!important;font-size:.82rem;font-weight:700;text-decoration:none!important;transition:opacity .2s,box-shadow .2s;box-shadow:var(--cam-elev-1)}.cam-link-login:hover{opacity:.88;box-shadow:var(--cam-elev-2)}.cam-link-register{display:inline-flex;align-items:center;padding:.35rem 1rem;border-radius:20px;border:1.5px solid var(--cam-color-primary);color:var(--cam-color-primary)!important;font-size:.82rem;font-weight:700;text-decoration:none!important;transition:background .2s,color .2s}.cam-link-register:hover{background:var(--cam-color-primary);color:#fff!important}.cam-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1030;height:var(--cam-bottomnav-h);padding-bottom:env(safe-area-inset-bottom,0);background:var(--cam-color-white);box-shadow:0 -2px 8px rgba(12,162,224,.1),0 -1px 2px rgba(12,162,224,.05);display:flex;align-items:stretch}@media (min-width:768px){.cam-bottom-nav{display:none}}.cam-bnav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none!important;color:rgba(38,43,46,.45);font-size:.62rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;transition:color .2s;position:relative;-webkit-tap-highlight-color:transparent;padding:6px 4px 2px}.cam-bnav-item i{font-size:1.3rem;line-height:1;transition:transform .2s cubic-bezier(.4,0,.2,1)}.cam-bnav-item span.cam-bnav-label{line-height:1}.cam-bnav-item:hover{color:var(--cam-color-primary)}.cam-bnav-item.active{color:var(--cam-color-primary)}.cam-bnav-item.active i{transform:scale(1.12)}.cam-bnav-item.active::before{content:'';position:absolute;top:5px;left:50%;transform:translateX(-50%);width:52px;height:30px;background:rgba(12,162,224,.13);border-radius:15px;pointer-events:none}.cam-bnav-badge{position:absolute;top:4px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--cam-gradient);color:#fff;font-size:.58rem;font-weight:700;line-height:16px;text-align:center;pointer-events:none}.cam-footer{padding:.9rem 1.5rem;background:var(--cam-color-white);border-top:1px solid var(--cam-color-border);margin-top:2rem;text-align:right;font-size:.8rem;color:#6c757d}.cam-footer a{color:var(--cam-color-primary);text-decoration:none}.cam-footer a:hover{text-decoration:underline}.cam-card-header{padding:.85rem 1.1rem;background:var(--cam-gradient);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cam-card-header h3,.cam-card-header h4{margin:0;font-size:1rem;font-weight:700;letter-spacing:.01em;color:#fff}.cam-btn-header{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;border:1.5px solid rgba(255,255,255,.65);border-radius:18px;background:rgba(255,255,255,.18);color:#fff!important;font-size:.75rem;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:background .2s,border-color .2s;white-space:nowrap;text-decoration:none!important}.cam-btn-header:focus,.cam-btn-header:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.9);color:#fff!important}