:root{--color-black: #202020;--color-white: #FFFFFF;--color-pink: #EE597E;--color-orange: #FF985B;--color-purple: #C83BD0;--color-background: #F4F4F4;--color-grey: #D9D9D9;--color-pinkHover: #DD4A6F;--color-orangeHover: #EE8850;--color-whiteHover: rgba(255, 255, 255, .1);--color-whiteHoverStrong: rgba(255, 255, 255, .3);--gradient-primary: linear-gradient(180deg, #EE597E 0%, #FF985B 100%);--gradient-primaryHover: linear-gradient(180deg, #DD4A6F 0%, #EE8850 100%);--font-family-base: "Inter", "Roboto", sans-serif}.layout-content.drawer-open{margin-left:280px;width:calc(100% - 280px)}.layout-content>:not(.layout-banner){flex:1}.layout-root{height:100vh;display:flex}.layout-content{flex:1;display:flex;flex-direction:column;height:100vh}.layout-banner{flex-shrink:0}.layout-scroll{flex:1;overflow-y:auto}.guest-banner{position:sticky;top:0;z-index:1100;background:var(--color-black);color:var(--color-white);padding:5px 24px;display:flex;align-items:center;width:100%;height:60px;box-sizing:border-box;margin:0}.guest-left{display:flex;align-items:center;gap:10px}.guest-symbol{height:10px;cursor:pointer}.guest-logo{height:clamp(36px,4vw,48px);width:auto}.guest-actions{margin-left:auto;display:flex;gap:12px}.guest-layout{display:flex;min-height:100vh;width:100%}.guest-content{flex:1;transition:margin-left .3s ease;min-width:0;display:flex;flex-direction:column}.guest-content.drawer-open{margin-left:280px;width:calc(100% - 280px)}.guest-content>:not(.guest-banner){flex:1;margin-top:0}.enduser-banner{position:sticky;top:0;z-index:1100;background:var(--color-black);color:var(--color-white);padding:5px 24px;display:flex;align-items:center;width:100%;height:60px;box-sizing:border-box;margin:0}.enduser-left{display:flex;align-items:center;gap:10px}.enduser-symbol{height:10px;cursor:pointer}.enduser-logo{height:clamp(36px,4vw,48px);width:auto}.developer-banner{position:sticky;top:0;z-index:1100;background:var(--color-black);color:var(--color-white);padding:5px 24px;display:flex;align-items:center;width:100%;height:60px;box-sizing:border-box;margin:0}.developer-left{display:flex;align-items:center;gap:10px}.developer-symbol{height:10px;cursor:pointer}.developer-logo{height:clamp(36px,4vw,48px);width:auto}.developer-title{font-size:1.1rem;font-weight:600;margin-left:10px;opacity:.9}.developer-actions{margin-left:auto;display:flex;gap:12px}.user-info{margin-left:auto;display:flex;align-items:center;gap:10px}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--color-grey-800);display:flex;align-items:center;justify-content:center;font-size:18px}.user-text{display:flex;flex-direction:column;line-height:1.1}.user-role{font-size:.75rem;opacity:.7}.user-name{font-size:.85rem;font-weight:600}.user-dropdown{position:relative;margin-left:auto}.user-info{display:flex;align-items:center;gap:10px;cursor:pointer}.user-info:hover{opacity:.9}.user-menu{position:absolute;top:calc(100% + 8px);right:0;background:#1e1e1e;border-radius:8px;padding:6px 0;min-width:160px;box-shadow:0 8px 24px #00000059;z-index:1200}.user-menu button{width:100%;background:none;border:none;color:#fff;padding:10px 14px;text-align:left;font-size:.85rem;cursor:pointer}.user-menu button:hover{background:#ffffff14}.user-menu .logout{color:#ff6b6b}