:root{--orange:#f47721;--deep:#d94c0b;--ink:#263342;--muted:#707984;--line:#e4e7eb;--pale:#f3f4f7;--navy:#243246}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#f2f3f6}button,input,select{font:inherit}button{cursor:pointer}.demo-strip{background:#fff3cd;color:#765600;text-align:center;padding:7px 12px;font-size:12px;font-weight:700;letter-spacing:.2px}
.page{display:none}.page.active{display:block}
/* LOGIN */
.login-top{height:76px;background:linear-gradient(100deg,#f58219,#d94e12);display:flex;align-items:center;padding:0 3.8%;gap:30px;color:white}
.brand-pill{height:31px;width:244px;border-radius:22px;background:#414141;display:flex;align-items:center;padding:0 28px;color:white;font-size:14px;position:relative;flex-shrink:0}
.brand-pill:before{content:"";position:absolute;width:42px;height:38px;border-radius:50%;background:#414141;left:8px;top:-12px;z-index:0}.brand-pill span{position:relative;z-index:1}
.top-links{display:flex;gap:28px;font-size:15px}.top-right{margin-left:auto;display:flex;align-items:center;gap:18px}.phone{font-size:16px;white-space:nowrap}.top-login{background:#fff;border:0;border-radius:11px;padding:8px 18px;color:#364152;font-weight:600}
.login-hero{min-height:655px;background:linear-gradient(115deg,#ef6500,#d94d00 55%,#e75c00);padding:30px 6.3% 60px;display:grid;grid-template-columns:minmax(0,1fr) 333px;gap:35px;align-items:start}
.hero-left h1{color:#fff;font-size:28px;margin:0 0 26px;font-weight:700;text-shadow:0 1px 2px #9c3900}
.laptop-wrap{position:relative;max-width:800px;margin:0 auto;padding:0 0 20px}
.laptop-screen{background:#25202a;border:8px solid #54221a;border-radius:12px;padding:8px;max-width:540px;margin:0 auto;box-shadow:0 10px 25px #8d310b}
.screen-inner{height:285px;background:#f7f8fa;border-radius:4px;overflow:hidden;padding:8px;color:#404b58;font-size:10px}
.mini-head{background:linear-gradient(90deg,#e87526,#f6a14e);height:24px;border-radius:5px;color:white;padding:5px 9px;font-size:12px}
.mini-layout{display:grid;grid-template-columns:76px 1fr;gap:7px;margin-top:8px;height:235px}.mini-side{background:#fff;padding:7px 4px;line-height:2.2;color:#68717c}.mini-content{display:grid;grid-template-columns:1.3fr 1fr;gap:7px}.mini-card{background:#fff;border:1px solid #e4e7eb;border-radius:7px;padding:8px;margin-bottom:7px}.mini-chart{height:70px;width:70px;border:10px solid #a62a91;border-left-color:#f7bd4c;border-radius:50%;margin:10px auto}.mini-bars{height:7px;background:#e5e8ed;margin:8px 0;border-radius:5px}.laptop-base{height:34px;max-width:660px;margin:0 auto;background:linear-gradient(#bfc2c5,#74777b 45%,#d6d8d9);clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);filter:drop-shadow(0 8px 5px #863006)}
.callout{position:absolute;background:linear-gradient(#bd3d37,#8d191c);border:1px solid #f8a18a;color:#fff;font-size:17px;font-weight:700;padding:10px 14px;border-radius:6px;box-shadow:0 5px 12px #7d280b;white-space:nowrap;text-shadow:0 1px 2px #50100b}.c1{left:-10px;top:95px}.c2{left:-45px;top:190px}.c3{left:-10px;top:280px}.c4{right:0;top:150px}.c5{right:-25px;top:235px}
.login-card{background:#fff;border-radius:16px;overflow:hidden;margin-top:21px;box-shadow:0 8px 25px #a83b0b33}
.login-card h2{margin:0;background:#f7f8fa;text-align:center;padding:22px 10px;font-size:18px;font-weight:600}
.tabs{display:flex;gap:8px;padding:14px 20px 0}.tab{flex:1;border:1px solid #eceef1;background:#f7f8fa;border-radius:12px;padding:10px 6px;color:#58616d}.tab.active{background:#f47729;color:white;border-color:#f47729}
.login-form{padding:20px}.field{width:100%;height:52px;border:1px solid #e7e9ed;border-radius:14px;padding:0 13px;margin-bottom:8px;box-shadow:0 2px 8px #00000008;color:#4b5563}.form-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin:0 3px 17px}.form-row a,.forgot{color:#e66b24;text-decoration:none}.forgot{text-align:right;font-size:13px;display:block;margin:0 4px 12px}
.start-row{display:flex;align-items:center;gap:8px;border:1px solid #eceef1;border-radius:10px;padding:9px;margin-bottom:16px;font-size:13px}.start-row select{border:0;outline:0;flex:1;background:white;color:#303945}
.demo-login{width:100%;border:0;background:#e6e7e9;color:#666;border-radius:14px;padding:14px;font-size:17px}.demo-login:hover{background:#f47729;color:#fff}.trouble{text-align:center;color:#8a9098;font-size:13px;margin:22px 0 18px}.demo-link{background:#f8f9fa;padding:12px 18px;font-size:13px;color:#273342}
.notice-area{padding:52px 2% 28px;background:#f2f3f7}.notice-box{background:#fff;border-radius:12px;padding:18px 22px}.notice-title{font-size:18px;margin:0 0 12px}.notice-box ul{padding:0;margin:0;list-style:none}.notice-box li{font-size:13px;color:#777f88;margin:14px 0;line-height:1.5;padding-left:22px;position:relative}.notice-box li:before{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:50%;background:#e85b12}
/* DASHBOARD */
.dash-header{height:57px;background:white;display:flex;align-items:center;padding:0 max(calc((100% - 930px)/2),4%);position:relative}.dash-brand{width:240px;height:29px;background:#414141;border-radius:22px;color:white;padding:5px 25px;font-size:17px;position:relative}.dash-brand:before{content:"";position:absolute;background:#414141;width:42px;height:30px;border-radius:50%;left:35px;top:-13px}.dash-brand span{position:relative}.utility-links{margin-left:auto;font-size:10px;color:#515b68;display:flex;gap:9px}.utility-links a{color:inherit;text-decoration:none;border-right:1px solid #aaa;padding-right:8px}
.navbar{background:linear-gradient(#ff8b23,#f36b12);min-height:32px;display:flex;justify-content:center;align-items:stretch;padding:0 10px;position:relative;z-index:10}.nav-item{position:relative;color:#fff;font-size:10px;font-weight:700;padding:11px 15px;white-space:nowrap;border:0;background:transparent}.nav-item:hover,.nav-item.open{background:#fff;color:#253246}.dropdown{display:none;position:absolute;top:100%;left:0;min-width:160px;background:#fff;box-shadow:0 5px 12px #0002;border:1px solid #ddd}.nav-item.open .dropdown{display:block}.dropdown a{display:block;padding:9px 12px;color:#253246;text-decoration:none;font-size:10px;font-weight:400;border-bottom:1px solid #ddd}.dropdown a:hover{background:#fff2e8;color:#e75b12}
.dash-main{max-width:930px;margin:20px auto 35px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;padding:0 10px}
.profile{padding:4px 12px}.welcome{font-size:11px;line-height:1.8;margin-bottom:12px}.profile-top{display:flex;align-items:center;gap:12px}.avatar{width:62px;height:62px;border-radius:50%;background:#aaa;position:relative;flex-shrink:0}.avatar:before{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:#aaa;top:-20px;left:17px}.profile-actions{display:flex;flex-direction:column;gap:8px}.orange-btn{background:linear-gradient(#ff8a21,#e75b0d);color:#fff;border:0;padding:7px 11px;font-size:10px;font-weight:700}.last-visit{font-size:9px;margin-top:12px;text-align:center}.logout{background:#30343a;color:#fff;border:0;padding:5px 15px;font-size:10px;margin-top:7px}
.widget{background:#fff;border:1px solid #d9dce0;margin-top:18px;box-shadow:0 1px 2px #00000008}.widget-head{background:#f3f3f3;padding:7px 9px;font-size:11px;font-weight:700;color:#374151;border-bottom:1px solid #ddd}.widget-body{padding:9px;font-size:11px;line-height:1.5}.shortcuts a{display:block;color:#172b43;text-decoration:none;margin:3px 0}.content-area{min-width:0}.welcome-strip{display:flex;justify-content:space-between;align-items:center;background:#fff;border-left:5px solid #f47721;padding:10px 13px;font-size:11px;margin-bottom:10px}.welcome-strip a{color:#e45d14;margin-left:12px}
.searchbar{height:34px;background:#fff;border:1px solid #ddd;margin:8px 0 15px;display:flex;align-items:center;padding:0 12px;color:#f47721}.searchbar input{border:0;outline:0;width:100%}
.account-panel{background:#fff;border:1px solid #d8dce1}.account-tabs{display:flex;background:#f4f4f4;border-bottom:1px solid #ddd}.account-tabs button{flex:1;border:0;border-right:1px solid #ddd;background:transparent;color:#ed6d19;font-weight:700;padding:10px 4px;font-size:13px}.account-tabs button.active{background:#fff;border-top:3px solid #f47721}
.account-info{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:16px 14px;font-size:11px}.account-info strong{display:block;font-size:17px;margin-top:10px;font-weight:500}.account-info a{color:#e65e17}
.bottom-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:14px;margin-top:18px}.offer-icons{display:flex;justify-content:space-between;margin-top:12px;color:#ef7625;font-size:20px}.goal-table{width:100%;border-collapse:collapse;font-size:10px}.goal-table td,.goal-table th{border:1px solid #ccc;padding:6px;text-align:left}.goal-box{background:#f3f3f3;padding:8px;margin-top:8px}.favourite-tabs{display:flex;justify-content:space-between;color:#f47721;font-size:10px;font-weight:bold;border-bottom:1px solid #ddd;padding-bottom:8px}.empty{padding:26px 4px;text-align:center;font-size:11px}
.footer{text-align:center;color:#8b929a;font-size:11px;padding:18px}
@media(max-width:900px){.login-hero{grid-template-columns:minmax(0,1fr) 320px;padding-left:4%;padding-right:4%;gap:20px}.callout{font-size:13px}.c5{right:-8px}.dash-main{max-width:760px}.nav-item{padding:10px 8px;font-size:9px}}
@media(max-width:680px){.login-top{height:auto;min-height:65px;padding:12px 4%;gap:12px;flex-wrap:wrap}.brand-pill{width:175px}.top-links{gap:12px;font-size:13px}.top-right{gap:8px}.phone{font-size:12px}.login-hero{display:flex;flex-direction:column;padding:25px 4% 35px;min-height:0}.hero-left h1{font-size:22px;text-align:center}.laptop-wrap{width:100%;transform:scale(.94);transform-origin:top center;margin-bottom:-5px}.screen-inner{height:220px}.mini-layout{height:170px}.callout{font-size:10px;padding:7px 8px}.c1{left:-4px;top:65px}.c2{left:-8px;top:130px}.c3{left:-2px;top:190px}.c4{right:-5px;top:100px}.c5{right:-6px;top:160px}.login-card{width:100%;max-width:390px;margin:0 auto}.notice-area{padding:25px 4%}.notice-box{padding:16px}.dash-header{padding:0 4%;height:55px}.dash-brand{width:180px}.utility-links{font-size:9px;gap:5px}.navbar{justify-content:flex-start;overflow-x:auto}.nav-item{font-size:9px;padding:11px 9px}.dash-main{display:block;margin:15px auto}.profile{display:grid;grid-template-columns:1fr auto;align-items:center}.profile-top{justify-content:flex-end}.last-visit,.profile .logout{display:none}.profile .widget{grid-column:1/-1}.content-area{margin-top:12px}.bottom-grid{grid-template-columns:1fr}.account-info{grid-template-columns:1fr 1fr}.account-info>div:last-child{grid-column:1/-1}.welcome-strip{font-size:10px}.welcome-strip a{margin-left:5px}}
@media(max-width:390px){.top-links{display:none}.top-right{margin-left:auto}.laptop-wrap{transform:scale(.84);margin-bottom:-30px}.callout{font-size:9px}.utility-links{display:none}.account-tabs button{font-size:10px}}

/* Dynamic application additions */
a{cursor:pointer}.notice-box li{list-style:none}
.admin-body{background:#f3f4f7;color:#263342;font-family:Arial,sans-serif;margin:0}
.admin-top{background:linear-gradient(100deg,#f58219,#d94e12);color:#fff;padding:17px 4%;display:flex;justify-content:space-between;align-items:center}
.admin-wrap{max-width:1180px;margin:25px auto;padding:0 16px;display:grid;grid-template-columns:230px 1fr;gap:20px}
.admin-side,.admin-card{background:#fff;border:1px solid #e1e4e8;border-radius:12px;padding:18px}
.admin-side a{display:block;padding:10px;color:#334155;text-decoration:none;border-bottom:1px solid #eee}
.admin-side a:hover{color:#e65e17;background:#fff6ef}
.admin-card h2{margin-top:0}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.admin-field input,.admin-field textarea,.admin-field select{padding:11px;border:1px solid #d9dee5;border-radius:8px;width:100%}
.admin-btn{background:#e96b18;color:#fff;border:0;border-radius:8px;padding:11px 16px;font-weight:bold;text-decoration:none;display:inline-block}
.admin-btn.dark{background:#30343a}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:top}
.alert{padding:12px;border-radius:8px;background:#fff2e8;color:#9a3b08;margin-bottom:15px}
.login-box{max-width:420px;margin:8vh auto;background:#fff;padding:28px;border-radius:14px;box-shadow:0 8px 30px #0001}
@media(max-width:760px){.admin-wrap{display:block}.admin-side{margin-bottom:15px}.admin-grid{grid-template-columns:1fr}.admin-table{display:block;overflow-x:auto}.login-top .top-links{display:none}}