.role-side-title{font-size:10px;color:#8a9980;margin:13px 0 24px;letter-spacing:.07em}.role-side-badge{display:flex;align-items:center;gap:10px;background:#eef3e7;color:#5e7d4b;padding:13px 12px;border-radius:10px;margin-bottom:24px;font-size:12px;font-weight:600}.role-side-badge .icon{width:19px}.role-side-badge small{display:block;font-size:9px;color:#8e9f7e;margin-top:3px;font-weight:400}.nav-group-title{padding:14px 14px 7px;color:#a39579;font-size:9px;letter-spacing:.09em}.role-nav .nav-lock{margin-left:auto;color:#ab9a7e}.nav-lock .icon{width:13px;height:13px}.nav-number{margin-left:auto;background:#dee9d5;color:#5e7b4c;font-size:9px;padding:2px 6px;border-radius:5px}.role-sidebottom{font-size:10px}.switch-role-link{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#8a997a;padding:13px 8px;width:100%;margin-top:8px}.switch-role-link .icon{width:16px;height:16px}.membership-mark{font-size:9px;color:#6c8c57;display:block;text-align:center;padding-top:8px}.role-label{display:inline-flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap;border-radius:20px;padding:8px 12px}.role-label .icon{width:15px}.guest-label{background:#f6edda;border:1px solid #e9dcbf;color:#9a7d43}.staff-label{background:#e6eef5;border:1px solid #d4e0ed;color:#607e9b}.brand-dot{color:#c79263}.role-mobile-nav{display:none}.role-menu-list{display:grid;gap:4px}.role-menu-list button{display:flex;align-items:center;text-align:left;gap:13px;padding:12px;border-radius:8px;font-size:12px}.role-menu-list button:hover{background:#f0f3e9}.role-menu-list .nav-lock,.role-menu-list .nav-number{margin-left:auto}.role-menu-list button>.icon{width:20px}.role-locked-card{text-align:center;background:#f8f4e9;border:1px solid #eadfc9;border-radius:16px;padding:35px 28px}.locked-symbol{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#ede3ca;color:#a68c59;margin:0 auto 19px}.locked-symbol .icon{width:27px;height:27px}.role-locked-card>.pill{background:#efe5cc;color:#9a824f}.role-locked-card h2{font-size:23px;line-height:1.8;margin:17px 0 11px}.role-locked-card p{font-size:12px;color:#96866b;max-width:370px;margin:0 auto 20px;line-height:2}.role-locked-card small{display:block;font-size:9px;color:#ab9b7e;margin-top:17px}.role-locked-card .modal-actions{justify-content:center}.modal .role-locked-card{border:0;border-radius:10px;padding:21px 15px}.guest-hero{display:grid;grid-template-columns:1.2fr 1fr;background:#f1e9d6;border:1px solid #e8dec5;border-radius:19px;padding:37px 38px;overflow:hidden;min-height:310px}.guest-hero>.pill{background:#fff9ed}.guest-hero h2{font-size:31px;line-height:1.7;color:#6d603f;letter-spacing:-.045em;margin:18px 0 13px}.guest-hero p{font-size:12px;line-height:2;color:#9c8a69}.guest-hero-actions{display:flex;gap:19px;align-items:center;flex-wrap:wrap;margin-top:23px}.guest-hero .btn{background:#827046}.guest-hero .textbtn{color:#8f7b51}.guest-hero .pill{color:#9c875b;background:#fff8e9;font-size:9px}.guest-art{position:relative;min-height:275px;display:grid;place-items:center}.guest-art-circle{position:absolute;width:230px;height:230px;background:#e2ce9f;border-radius:50%;opacity:.5;right:-40px;top:3px}.guest-note{position:relative;background:#fffdf6;border:1px solid #f8f3e6;border-radius:13px;box-shadow:15px 20px 35px #98865816;padding:29px;width:245px;transform:rotate(7deg);color:#91856a}.guest-note>span{font-size:9px;letter-spacing:.1em;color:#b4a58a}.guest-note>strong{display:block;font-size:19px;line-height:1.9;color:#8c7b55;margin:15px 0 24px}.guest-note>div{display:flex;align-items:center;gap:10px;font-size:11px;margin-top:12px}.guest-note .icon{width:14px;height:14px;color:#adb995}.guest-note>small{font-size:7px;letter-spacing:1px;display:block;margin-top:27px;color:#b8ae98}.guest-art-label{position:absolute;left:0;bottom:-12px;transform:rotate(-6deg);font-size:12px;color:#958362;letter-spacing:.1em;background:#efe2bf;padding:9px 19px;border-radius:4px}.guest-free-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.guest-free-card{text-align:left;padding:25px}.guest-free-card .iconbox{background:#f2ebdc;color:#a28c5e}.guest-free-card h3{font-size:14px}.guest-free-card p{font-size:11px;color:#9b8b6d;margin-bottom:18px}.guest-free-card .textbtn{font-size:10px;color:#988453}.upgrade-section{margin-top:32px;background:#fffdf6;border:1px solid #e9e2d2;border-radius:15px;padding:27px}.upgrade-section .sectiontitle{margin:0 0 23px}.upgrade-section .eyebrow{color:#aa9671;font-size:9px}.upgrade-section h2{margin-top:7px;color:#8b7d5d}.locked-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.locked-feature{text-align:left;border:1px solid #ede5d4;border-radius:12px;background:#faf7ef;padding:21px}.locked-feature:hover{background:#f5efdf}.locked-feature .iconbox{background:#eee5d2;color:#ac9467;margin-bottom:17px}.locked-feature .pill{font-size:8px;color:#af9771;background:#f0e8d8;align-self:flex-start;gap:5px}.locked-feature .pill .icon{width:10px;height:10px}.locked-feature h3{font-size:13px;color:#877754}.locked-feature p{font-size:11px;line-height:1.9;color:#a09379}.locked-feature .textbtn{font-size:10px;color:#a18d67}.guest-help{display:flex;align-items:center;gap:16px;border:1px solid #e3e7d8;background:#eff3e8;border-radius:12px;padding:23px;margin-top:26px}.guest-help>.iconbox{margin:0;flex-shrink:0}.guest-help h3{font-size:13px;margin-bottom:4px}.guest-help p{font-size:10px;color:#849675;margin:0}.guest-help>.btn{margin-left:auto;font-size:10px;white-space:nowrap}.guest-readonly{border:1px solid #eadfc7;background:#f8f0df;padding:15px 17px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;color:#a28b5f;font-size:11px}.guest-readonly span{display:flex;align-items:center;gap:8px}.guest-readonly .icon{width:15px;height:15px}.guest-readonly button{font-size:10px;white-space:nowrap;text-decoration:underline}.member-welcome{display:flex;justify-content:space-between;align-items:center;background:#eaf3e3;border:1px solid #dce9d2;padding:11px 15px;border-radius:9px;margin-bottom:24px;color:#6f8d57;font-size:10px}.member-welcome button{font-size:10px;font-weight:600}.staff-account{display:flex;align-items:center;gap:7px;font-size:11px;color:#7890a2}.staff-account .icon{width:16px}.staff-scope{color:#91a8b9;font-size:10px;line-height:1.9;padding:8px 12px}.staff-scope small{font-size:9px;color:#648297}.staff-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:26px}.staff-kpi{text-align:left;border:1px solid #dce5ee;background:#fff;border-radius:13px;padding:23px}.staff-kpi>span{font-size:12px;color:#6f899d}.staff-kpi strong{display:block;font-size:37px;color:#30566e;font-weight:600;margin:10px 0;line-height:1.4}.staff-kpi strong small{font-size:12px;font-weight:400;margin-left:6px;color:#93a8b8}.staff-kpi p{font-size:10px;color:#8fa2b1;margin:0}.staff-kpi.urgent{border-color:#e9d5c4;background:#fffaf5}.staff-kpi.urgent strong{color:#c3865a}.staff-work-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:22px}.staff-task{display:flex;align-items:center;width:100%;gap:13px;padding:20px 0;text-align:left;border-bottom:1px solid #e5ebf0}.staff-task:last-child{border-bottom:0;padding-bottom:3px}.staff-task-icon{width:34px;height:36px;border-radius:9px;background:#edf3f8;color:#7298b3;display:grid;place-items:center;flex-shrink:0}.staff-task-icon .icon{width:18px}.staff-task>span:nth-child(2){flex:1;min-width:0}.staff-task strong{display:block;font-size:12px;line-height:1.7;color:#537189;overflow-wrap:anywhere}.staff-task small{display:block;font-size:10px;color:#96aab9;margin-top:6px}.staff-task>.icon{width:15px;color:#9bb0bf}.staff-quick-actions{background:#eaf1f6!important;border-color:#dce6ed!important}.staff-quick-actions h3{color:#5c7b91;margin-bottom:19px}.staff-quick-actions button{display:flex;gap:10px;align-items:center;text-align:left;font-size:11px;width:100%;padding:15px 0;border-bottom:1px solid #d6e3ec;color:#6b8aa0;line-height:1.8}.staff-quick-actions button>.icon{width:17px;height:17px}.staff-quick-actions button>.icon:last-child{margin-left:auto;width:14px}.staff-quick-actions button:last-child{border-bottom:0}.staff-demo-note{display:flex;gap:9px;align-items:center;margin:26px 0 0;font-size:10px;color:#92a7b7;line-height:1.9}.staff-demo-note .icon{width:17px;flex-shrink:0}
body[data-role="guest"]{--bg:#faf9f3;--green:#8b784c;--mint:#f3edde;--line:#e9e3d5}body[data-role="guest"] .role-sidebar{background:#fffdf6;border-color:#e9e3d4}body[data-role="guest"] .brandmark{background:#8b784c}body[data-role="guest"] .role-side-badge{background:#f4ecda;color:#a18756}body[data-role="guest"] .role-side-badge small{color:#b49e76}body[data-role="guest"] .role-nav button.active{background:#f3ecd9;box-shadow:inset 3px 0 #b39b6c;color:#927846}body[data-role="guest"] .role-nav button{color:#9b8c6b}body[data-role="guest"] .role-nav .locked-nav{color:#b4a383}body[data-role="guest"] .role-switch{background:#f4eddb;color:#ad9569;border-color:#e7dcc5}body[data-role="guest"] .topbar{background:#fffdf7}body[data-role="guest"] .role-sidebottom{border-color:#ece4d3}
body[data-role="staff"]{--bg:#f3f6f9;--green:#315e7c;--mint:#e9f0f6;--ink:#2d4c62;--muted:#7890a4;--line:#dfe7ee}body[data-role="staff"] .role-sidebar{background:#16394e;border:0}body[data-role="staff"] .brand{color:#f1f5f8}body[data-role="staff"] .brandmark{background:#3b667e;color:#d7e6ef}body[data-role="staff"] .brand-dot{color:#89b7d1}body[data-role="staff"] .role-side-title{color:#7b9caf;letter-spacing:.12em}body[data-role="staff"] .role-side-badge{background:#21475e;color:#c1d5e0}body[data-role="staff"] .role-side-badge small{color:#7e9eaf}body[data-role="staff"] .role-nav button{color:#92afc1;padding:15px 13px;font-size:11px;margin-bottom:5px}body[data-role="staff"] .role-nav button.active{color:#eef6fa;background:#2b566f;box-shadow:inset 3px 0 #90c1d7}body[data-role="staff"] .role-nav button:hover{background:#234a62}body[data-role="staff"] .role-sidebottom{border-color:#2b4c60}body[data-role="staff"] .switch-role-link{color:#8bacbf}body[data-role="staff"] .topbar{background:#fff;border-color:#e0e8f0}body[data-role="staff"] .role-switch{color:#7c98ad;background:#edf3f7;border-color:#e0e9f0}body[data-role="staff"] .role-switch .demo-dot{background:#85aebe}body[data-role="staff"] .card{background:#fff;border-color:#dfe7ee}body[data-role="staff"] .eyebrow{color:#83a0b4}body[data-role="staff"] .pill{background:#edf2f7;color:#7795a8}body[data-role="staff"] .status{background:#eaf2f7;color:#7093a9}body[data-role="staff"] .status.new{background:#fff0df;color:#b9936b}body[data-role="staff"] .admin-item{border-color:#e3eaf0}body[data-role="staff"] .tablewrap{border-color:#dde7ee}body[data-role="staff"] th{background:#edf3f7;color:#7691a4}body[data-role="staff"] input,body[data-role="staff"] select,body[data-role="staff"] textarea{border-color:#d9e4ec}body[data-role="staff"] .public-demo-bar{color:#93a7b6;border-color:#e1e9ef}body[data-role="staff"] .public-demo-bar>span{color:#8099a8}body[data-role="staff"] .footer{color:#91a5b5;border-color:#dfe8ee}body[data-role="staff"] .btn.secondary:hover{background:#eaf2f7}body[data-role="staff"] .meta-line{color:#92a8b8}body[data-role="staff"] .empty{color:#97a9b6}body[data-role="staff"] .role-main .sectiontitle h2{color:#4b6d83}body[data-role="staff"] .audit-log>div{border-color:#e4ecf2}
@media(max-width:1150px){.guest-hero{padding:30px;grid-template-columns:1.2fr 1fr}.guest-hero h2{font-size:28px}.guest-note{width:210px;padding:22px}.guest-note>strong{font-size:17px}.guest-free-card{padding:21px}.staff-kpis{gap:12px}.staff-kpi{padding:20px}.staff-work-grid{grid-template-columns:1.5fr 1fr;gap:17px}.staff-account{font-size:10px}}
@media(max-width:900px){.guest-free-grid{gap:12px}.guest-free-card{padding:18px}.guest-free-card h3{font-size:12px}.guest-free-card p{font-size:10px}.guest-note{width:190px;padding:22px}.guest-note>strong{font-size:15px}.guest-hero-actions{gap:15px}.guest-art-circle{width:185px;height:185px;right:-20px}.staff-work-grid{grid-template-columns:1fr}.staff-kpis{grid-template-columns:repeat(2,1fr)}.staff-account{display:none}.guest-help{flex-wrap:wrap}.guest-help>.btn{margin-left:55px}.upgrade-section{padding:23px}.upgrade-section .sectiontitle{align-items:flex-start}.upgrade-section .sectiontitle .btn{font-size:10px;white-space:nowrap}}
@media(max-width:650px){.role-sidebar{display:none!important}.role-main{margin-left:0}.role-mobile-nav{position:fixed;bottom:0;left:0;right:0;height:74px;display:flex;justify-content:space-around;padding:6px 5px 9px;background:#fffef9;border-top:1px solid #e0e7d7;z-index:30;gap:3px}.role-mobile-nav button{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:9px;line-height:1.3;padding:6px 3px;border-radius:8px;color:#91a07e}.role-mobile-nav button>.icon{width:20px;height:20px}.role-mobile-nav button.active{background:#eef4e6;color:#718e59}.role-mobile-nav .nav-number{display:none}.role-main .content{padding-bottom:103px}.role-label{font-size:9px;padding:6px 9px}.guest-hero{display:block;padding:26px 25px 0;min-height:0}.guest-hero h2{font-size:28px;line-height:1.7}.guest-hero p{font-size:11px}.guest-hero-actions{margin-top:21px;gap:15px;flex-direction:column;align-items:flex-start}.guest-hero .btn{font-size:11px}.guest-art{min-height:223px;margin-top:14px;justify-items:center}.guest-note{width:212px;padding:20px 25px;transform:rotate(7deg) translate(13px,35px)}.guest-note>strong{font-size:17px;margin:10px 0 17px}.guest-note>div{font-size:10px;margin-top:9px}.guest-note>small{font-size:6px;margin-top:20px}.guest-art-circle{right:0;top:18px;width:170px;height:170px}.guest-art-label{left:-6px;bottom:20px;font-size:9px;padding:8px 13px}.guest-free-grid{grid-template-columns:1fr;gap:10px}.guest-free-card{display:grid;grid-template-columns:40px 1fr auto;column-gap:13px;align-items:center;padding:18px}.guest-free-card>.iconbox{grid-row:1/3;margin:0;width:36px;height:36px}.guest-free-card h3{margin:0;font-size:12px;grid-column:2}.guest-free-card p{grid-column:2;font-size:10px;margin:3px 0 0}.guest-free-card>.textbtn{grid-column:3;grid-row:1/3;font-size:9px;gap:2px}.guest-free-card .textbtn .icon{width:13px}.upgrade-section{padding:20px 16px;margin-top:24px}.upgrade-section .sectiontitle{display:block}.upgrade-section .sectiontitle h2{font-size:17px}.upgrade-section .sectiontitle .btn{margin-top:15px;font-size:10px;padding:9px 12px;min-height:35px}.locked-feature-grid{grid-template-columns:1fr;gap:12px}.locked-feature{padding:20px}.locked-feature .iconbox{width:33px;height:33px;margin-bottom:14px}.locked-feature h3{font-size:13px}.locked-feature p{font-size:11px;margin:8px 0 13px}.guest-help{padding:19px 17px;gap:10px}.guest-help>.iconbox{display:none}.guest-help h3{font-size:12px}.guest-help p{font-size:10px;line-height:1.9}.guest-help>.btn{margin:3px 0 0;font-size:10px}.guest-readonly{font-size:10px;padding:13px;flex-wrap:wrap;gap:6px}.guest-readonly button{font-size:9px;margin-left:21px}.role-locked-card{padding:26px 19px}.role-locked-card h2{font-size:21px}.role-locked-card p{font-size:11px}.member-welcome{font-size:9px;padding:10px 12px;gap:10px;margin-bottom:21px}.member-welcome button{font-size:9px;white-space:nowrap}.staff-kpis{gap:10px;margin-bottom:18px}.staff-kpi{padding:19px 16px}.staff-kpi>span{font-size:11px}.staff-kpi strong{font-size:32px;margin:8px 0}.staff-kpi strong small{font-size:10px}.staff-kpi p{font-size:9px}.staff-work-grid{gap:16px}.staff-task{gap:10px;padding:18px 0}.staff-task-icon{width:29px;height:31px}.staff-task-icon .icon{width:16px}.staff-task strong{font-size:11px}.staff-task small{font-size:9px}.staff-task .status{font-size:8px;padding:4px 6px}.staff-task>.icon{display:none}.staff-quick-actions button{font-size:11px;padding:14px 0}.staff-demo-note{font-size:9px;align-items:flex-start;line-height:1.9}.role-menu-list button{font-size:11px;padding:11px}.role-menu-list>.locked-nav{color:#b19a72}body[data-role="staff"] .role-mobile-nav{background:#193f56;border-color:#2b5067}body[data-role="staff"] .role-mobile-nav button{color:#91b0c3}body[data-role="staff"] .role-mobile-nav button.active{color:#e8f2f8;background:#2b5771}body[data-role="staff"] .mobilebrand{font-size:20px;color:#3c627d}body[data-role="staff"] .mobilebrand .brandmark{background:#315e7c;color:#fff}body[data-role="guest"] .role-mobile-nav{background:#fffdf5;border-color:#e9e0ce}body[data-role="guest"] .role-mobile-nav button{color:#b09c78}body[data-role="guest"] .role-mobile-nav button.active{background:#f4ecd9;color:#9c814e}}