:root{--accent:#FFD100;--accent-hover:#e5bc00;--ink:#1D1D1B;--muted:#666661;--paper:#F4F1ED;--line:#dedbd5;--green:#424242;--gold:#FFD100;--white:#fff;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Inter,'Segoe UI',Arial,sans-serif;color:var(--ink);font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}a:hover{color:var(--accent)}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:38px;line-height:1.2;letter-spacing:-1.3px;margin-bottom:12px;font-weight:650}h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;font-weight:600}h3{font-size:19px;font-weight:600;line-height:1.4}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:750;color:var(--accent);margin-bottom:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--accent);border-radius:7px;padding:11px 20px;background:var(--accent);color:white;font-weight:600;line-height:1.5;white-space:nowrap}.button:hover{background:var(--accent-hover);color:white}.button.secondary{background:white;border-color:#d6d9d0;color:var(--ink)}.button.secondary:hover{border-color:var(--accent);color:var(--accent)}.inline-link{color:var(--accent);font-weight:650}.inline-link:hover{text-decoration:underline}.inline-link span{margin-left:16px}.actions{display:flex;gap:10px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:1.1px;line-height:1.5;color:var(--accent)}.brand small{display:block;font-size:10px;letter-spacing:3.2px;font-weight:500}.brand-mark{display:block;position:relative;font-family:Georgia,serif;font-size:47px;line-height:1;font-weight:700}.brand-mark>span{position:absolute;font-family:Arial,sans-serif;font-size:24px;right:-4px;top:-1px;background:var(--paper);line-height:1}.brand-light{color:#fff0d9}.brand-light .brand-mark>span{background:#1D1D1B}.live-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#84946c}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:35px 26px;display:flex;flex-direction:column;background:#FFFFFF}.nav-label{font-size:9px;letter-spacing:1.8px;color:#8a8b83;margin:55px 12px 15px;font-weight:650}.sidebar nav a{display:flex;align-items:center;gap:15px;padding:12px 15px;margin-bottom:7px;border-radius:6px;color:#595955}.sidebar nav a>span{font-size:21px;line-height:1;width:22px;text-align:center}.sidebar nav a.active{color:var(--accent);background:#fff4bc;font-weight:650}.sidebar nav a:hover{background:#f7f1db;color:var(--accent)}.nav-divider{height:1px;background:var(--line);margin:25px 10px}.sidebar-foot{margin-top:auto;font-size:11px;color:#697164}.sidebar-foot p{font-size:10px;letter-spacing:.5px;color:#93958f;margin:7px 0}.sidebar-foot .live-dot{margin-right:6px}.workspace{margin-left:245px}.topbar{height:90px;border-bottom:1px solid var(--line);padding:0 45px;display:flex;align-items:center;justify-content:space-between;background:#FFFFFF}.topbar>span{font-size:10px;letter-spacing:1.5px;color:#909186}.topbar strong{color:#424242}.account{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:600}.account small{display:block;color:#8b8d87;font-size:10px;font-weight:400}.avatar{display:grid;place-items:center;width:36px;height:36px;background:#fff0a0;border-radius:50%;color:var(--accent)}.text-button{border:0;background:none;color:var(--muted);font-size:11px;margin-left:12px;padding:8px}.text-button:hover{color:var(--accent)}main#main{padding:42px 45px 55px;min-height:calc(100vh - 150px);max-width:1600px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:32px}.page-heading p.muted{margin-bottom:0}.date-pill{border:1px solid var(--line);padding:8px 14px;border-radius:5px;color:#777c71;font-size:11px;background:#FFFFFF;white-space:nowrap}.welcome-banner{position:relative;overflow:hidden;background:#fff4b8;border:1px solid #ecd889;border-radius:12px;display:flex;justify-content:space-between;padding:32px 38px;margin-bottom:35px;min-height:240px}.welcome-banner .eyebrow{color:#735d00}.welcome-banner h2{font-family:Georgia,serif;font-size:33px;font-weight:400;color:#1D1D1B;line-height:1.2;margin:10px 0 15px}.welcome-banner p{color:#615a43;font-size:12px;margin:0}.banner-emblem{font-family:Georgia,serif;color:#ded2a0;font-size:235px;line-height:1;position:absolute;right:65px;bottom:-35px;font-weight:700;transform:rotate(-8deg)}.banner-emblem span{position:absolute;font-family:Arial;font-size:140px;top:-12px;right:-35px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px}.section-heading h2{font-size:19px;margin:0}.section-heading>.muted{font-size:11px}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;transition:transform .16s,box-shadow .16s;display:block}.app-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #382d2010;color:var(--ink)}.app-icon{width:45px;height:45px;display:grid;place-items:center;font-size:26px;border-radius:11px;background:#fff0a0;color:#6c5600;margin-bottom:20px}.app-icon.inventory{background:#eeeeeb;color:#424242}.app-icon.learning{background:#f4e9d7;color:#8B4513}.app-card h3{display:flex;justify-content:space-between;margin-bottom:9px}.app-card h3 span{font-size:18px;color:#a3a79c}.app-card>p{color:var(--muted);font-size:12px;min-height:40px;margin-bottom:24px}.app-card-foot{border-top:1px solid #efeee8;padding-top:17px;font-size:10px;color:#69675f;display:flex;justify-content:space-between}.app-card-foot>span{font-size:16px;line-height:1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bottom-panels{margin-top:26px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;margin-bottom:22px}.panel.warm{background:#f0ebe2}.panel>h2{font-size:20px}.panel>.muted{font-size:12px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tag{font-size:10px;border:1px solid #ddd7cd;background:#faf8f3;color:#605c51;padding:4px 10px;border-radius:4px}.page-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 45px;color:#7b8073;font-size:9px;letter-spacing:1px}.page-footer span{letter-spacing:0;font-size:10px}.filter-bar{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap;margin:0 0 25px}.filter-bar label{font-size:11px;font-weight:600;min-width:200px}.filter-bar label:first-child{flex:1}.filter-bar input,.filter-bar select{margin:6px 0 0}.filter-bar .checkbox-label{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:400;min-width:0;margin-bottom:12px}.checkbox-label input{width:auto;margin:0}.table-panel{padding:0;overflow:hidden}.table-panel>.section-heading{padding:22px 25px;margin:0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{font-size:9px;letter-spacing:.8px;text-transform:uppercase;color:#797e71;background:#f8f8f4;font-weight:650}th,td{padding:16px 22px;border-bottom:1px solid #edeee7}td small{display:block;font-size:10px;color:var(--muted)}td>a{font-weight:550}tbody tr:last-child td{border-bottom:0}.reference{color:var(--accent);font-size:11px;letter-spacing:.6px}.badge{display:inline-flex;font-size:10px;padding:4px 9px;border-radius:5px;background:#eeeee7;color:#68715d;white-space:nowrap}.badge.open{color:#9c7730;background:#f7efdc}.badge.in_progress{background:#e6ecf6;color:#4e6a8d}.badge.waiting{color:#926a46;background:#f7ebdf}.badge.resolved,.badge.closed{color:#527455;background:#e9f0e5}.empty-state{padding:48px 25px;text-align:center;color:var(--muted);grid-column:1/-1;width:100%}.empty-state>span{font-size:38px;color:#9aa58f;display:block;margin-bottom:12px}.empty-state h3{color:#424242;font-size:20px;margin-bottom:8px}.empty-state p{font-size:12px;margin-bottom:0;white-space:normal}.empty-state .button{margin-top:18px}.form-panel{max-width:820px;padding:32px}.form-description{max-width:720px}.form-panel form>div,.panel form>div{margin-bottom:20px}label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}input,select,textarea{width:100%;padding:10px 12px;border:1px solid #d9dcd1;border-radius:6px;background:#fffefa;color:var(--ink);font-size:13px;max-width:100%}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=checkbox]{width:auto;accent-color:var(--accent);margin-right:8px}select[multiple]{min-height:115px}input[type=file]{padding:15px}.helptext{font-size:11px;color:var(--muted);margin:6px 0;display:block}.errorlist{list-style:none;color:#a03939;background:#fff0ec;border-radius:5px;padding:10px;font-size:12px}.form-actions{display:flex;gap:12px;align-items:center;margin-top:28px}fieldset{border:0;padding:0;margin:0}legend{font-size:12px;font-weight:600;margin-bottom:10px}fieldset label{display:flex;align-items:center;gap:5px;font-weight:400;margin-bottom:8px}.notice{padding:14px 20px;background:#e8eedf;border:1px solid #d3ddc7;color:#45633b;border-radius:6px;font-size:13px}.notice.error{background:#f8e7e4;border-color:#e6c8c0;color:#943d3d}.messages{margin-bottom:25px}.breadcrumb{font-size:11px;color:var(--muted);display:inline-block;margin-bottom:22px}.detail-layout{grid-template-columns:minmax(0,2fr) minmax(250px,1fr);align-items:start}.prose{font-size:14px;line-height:1.9;overflow-wrap:anywhere}.prose p:last-child{margin-bottom:0}.comment{margin-bottom:15px}.comment.internal{background:#fcf4e5;border-color:#e8dcbf}.comment-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:15px;font-size:12px}.comment-heading small{font-size:10px;color:var(--muted)}.ticket-sidebar{position:sticky;top:20px}.report-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.report-card,.course-card{display:block;position:relative}.report-card h3{display:flex;justify-content:space-between}.report-card h3>span{color:#a5ab99}.report-card small,.course-card small{color:#8b9084;font-size:10px}.report-card:hover,.course-card:hover{border-color:#9eab90;color:inherit}.info-strip{display:flex;gap:15px;background:#fff7d6;border:1px solid #efdfa4;color:#5e511c;padding:16px 22px;border-radius:8px;margin:0 0 32px;align-items:center}.info-strip>span{font-size:25px}.info-strip>p{font-size:12px;margin:0}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;padding:20px;font-size:11px}.pagination .button{padding:7px 12px;font-size:11px}.course-card h3{margin:18px 0 12px}.card-arrow{position:absolute;bottom:27px;right:27px;font-size:21px;color:#6c5c19}.course-content{max-width:950px;padding:40px}.completion-box{margin-top:40px;padding-top:25px;border-top:1px solid var(--line)}.public-error{max-width:750px;margin:15vh auto;padding:30px}.skip{position:absolute;top:-100px;left:260px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#1D1D1B;position:relative;overflow:hidden;padding:45px 60px;color:#F4F1ED;display:flex;flex-direction:column;min-height:720px}.story-copy{margin:auto 0;z-index:1;padding:75px 0}.story-copy .eyebrow{color:#e0c981;font-size:9px}.story-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5.4vw,80px);font-weight:400;line-height:1.07;letter-spacing:-2.5px;margin:25px 0}.story-copy h1 em{color:#FFD100;font-weight:400}.story-copy>p{font-size:14px;color:#d7d4cc;line-height:1.9}.story-line{width:45px;height:1px;background:#FFD100;margin:30px 0 15px}.story-copy>span{font-size:9px;letter-spacing:2.4px;color:#d8c77b}.story-footer{position:relative;z-index:1;font-size:9px;letter-spacing:1.3px;margin:0;display:flex;justify-content:space-between;color:#c9c5ba}.story-footer span{letter-spacing:0;opacity:.7}.timber-art{position:absolute;inset:0;pointer-events:none;opacity:.17;transform:rotate(-26deg) translate(40%,35%)}.timber-art i{display:block;width:220%;height:82px;margin-bottom:32px;border:1px solid #e2c19e;background:linear-gradient(180deg,transparent,#b27b5c30)}.login-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 60px 28px;background:#faf9f5}.login-box{max-width:420px;margin:auto 0;width:100%}.mini-label{font-size:9px;letter-spacing:1.7px;color:#6c6654;display:flex;align-items:center;gap:8px;font-weight:650;margin-bottom:28px}.login-box h2{font-size:43px;font-weight:550;letter-spacing:-1.6px;line-height:1.15;margin-bottom:20px}.login-box>p.muted{font-size:13px;line-height:1.9;max-width:370px;margin-bottom:30px}.microsoft-button{width:100%;padding:16px 20px;font-size:12px;gap:15px;justify-content:flex-start}.microsoft-button>span:last-child{margin-left:auto}.ms-logo{display:grid;grid-template-columns:repeat(2,8px);gap:2px}.ms-logo i{width:8px;height:8px;background:#fff;display:block}.login-security{font-size:10px;text-align:center;color:#8b8f83;margin:12px 0 0}.login-apps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;padding-top:30px;border-top:1px solid var(--line);gap:12px}.login-apps>div>span{display:block;font-size:25px;color:#8B4513;margin-bottom:12px}.login-apps strong{display:block;font-size:11px;font-weight:600}.login-apps small{color:#93968a;font-size:10px;display:block;margin-top:3px}.login-note{font-size:10px;color:#92968a;line-height:1.9;margin:30px 0 0}.login-main>footer{font-size:9px;color:#979a8e;margin-top:55px}.setup-status{display:flex;align-items:flex-start;gap:12px;border:1px solid #e5d18a;background:#fff8dd;border-radius:7px;padding:18px}.setup-status strong{font-size:12px;color:#665411}.setup-status p{font-size:11px;color:#736744;line-height:1.8;margin:6px 0 0}.status-dot{background:#b99b61;margin-top:6px;flex-shrink:0}
@media(min-width:1700px){.login-story{padding-left:90px}.login-box{max-width:470px}}@media(max-width:1150px){.sidebar{width:205px;padding:30px 20px}.workspace{margin-left:205px}main#main{padding:30px}.topbar{padding:0 30px}.app-grid{gap:12px}.app-card{padding:22px 18px}.app-card>p{min-height:60px}.login-story{padding:40px}.login-main{padding:50px 40px 25px}.page-heading{flex-wrap:wrap}.topbar>span{display:none}.topbar{justify-content:flex-end}}@media(max-width:800px){.sidebar{position:relative;width:100%;padding:18px 22px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand-mark{font-size:35px}.brand-mark>span{font-size:19px}.sidebar .brand small{font-size:8px}.nav-label,.sidebar-foot,.nav-divider{display:none}.sidebar nav{display:flex;gap:6px;flex-wrap:wrap;margin-top:20px}.sidebar nav a{padding:8px 12px;margin:0;font-size:12px}.sidebar nav a>span{font-size:18px;width:17px}.workspace{margin-left:0}.topbar{height:68px;padding:0 24px}.account small{font-size:9px}.account{font-size:11px}main#main{padding:28px 22px 45px}h1{font-size:31px}.page-heading{margin-bottom:26px}.date-pill{display:none}.welcome-banner{padding:27px;min-height:225px}.banner-emblem{right:30px;font-size:190px;opacity:.65}.welcome-banner h2{position:relative;z-index:1;font-size:29px}.welcome-banner p{position:relative;z-index:1}.app-grid{grid-template-columns:1fr}.app-card>p{min-height:0}.app-card{padding:22px}.app-icon{float:left;margin:0 18px 15px 0}.app-card h3{margin-top:3px}.app-card-foot{clear:both}.two-col,.detail-layout,.report-grid{grid-template-columns:1fr;gap:0}.bottom-panels{margin-top:23px}.page-footer{padding:20px 22px;font-size:8px}.page-footer span{font-size:9px}.section-heading>.muted{font-size:10px}.section-heading h2{font-size:17px}.login-layout{grid-template-columns:1fr}.login-story{min-height:320px;padding:25px 28px}.story-copy{padding:35px 0 25px}.story-copy h1{font-size:43px;margin:15px 0}.story-copy h1 br:nth-child(2){display:none}.story-copy>p,.story-line,.story-copy>span,.story-footer{display:none}.story-copy .eyebrow{font-size:8px}.login-story .brand-mark{font-size:35px}.login-main{padding:40px 28px 25px}.login-box{max-width:500px}.login-box h2{font-size:35px}.login-box h2 br{display:none}.login-main>footer{margin-top:35px}.login-apps{margin-top:30px}.ticket-sidebar{position:static}.course-content{padding:24px}.form-panel{padding:24px}.form-actions{align-items:stretch;flex-direction:column}.filter-bar label{min-width:100%}.filter-bar .checkbox-label{min-width:0}.filter-bar .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card strong{display:block;font-size:38px;line-height:1.2;color:#1D1D1B;font-weight:550;margin:13px 0}.stat-card small{display:block;font-size:10px;color:var(--muted)}@media(max-width:800px){.stat-grid{grid-template-columns:1fr;gap:0}}

/* Cole Lumber brand: yellow, charcoal, white, and warm neutral surfaces. */
:root{--accent:#FFD100;--accent-hover:#e5bc00;--link:#725900;--ink:#1D1D1B;--paper:#F4F1ED}
a:hover{color:var(--link)}.eyebrow{color:var(--link)}.button{color:var(--ink);border-color:var(--accent);font-weight:700}.button:hover{color:var(--ink)}.button.secondary:hover{color:var(--ink);border-color:#8a7200}.inline-link,.reference{color:var(--link)}.sidebar nav a.active{color:#1D1D1B;background:#FFD100}.sidebar nav a:hover{color:#1D1D1B}.brand{color:#1D1D1B;flex-direction:column;align-items:flex-start;gap:8px}.brand-logo{display:block;width:100%;max-width:185px;height:auto}.brand-connect{font-size:10px;letter-spacing:4px;color:#57544d;border-top:2px solid #FFD100;padding-top:9px;width:100%}.sidebar .nav-label{margin-top:32px}.avatar{color:#1D1D1B}.topbar{border-top:4px solid #FFD100}.text-button:hover{color:#725900}.banner-emblem{position:absolute;display:flex;align-items:center;justify-content:center;right:35px;bottom:0;top:0;width:33%;font-size:initial;line-height:normal;transform:none}.banner-emblem img{width:100%;height:auto}.login-story{padding:34px 48px;background:#1D1D1B;min-height:100vh}.login-wordmark{font-size:15px;letter-spacing:4px;color:#fff;font-weight:400}.login-wordmark strong{color:#FFD100;font-weight:750}.anniversary-art{position:relative;z-index:1;max-width:520px;margin:20px auto 0;width:100%}.anniversary-art img{display:block;object-fit:contain;width:100%;height:auto;max-height:330px}.story-copy{padding:28px 0 48px;margin:auto 0}.story-copy h1{font-size:clamp(40px,4.2vw,63px);margin:18px 0}.story-copy .eyebrow{color:#e0c981}.story-copy h1 em{color:#FFD100}.story-copy>p{color:#d7d4cc}.brand-light:hover{color:white}.timber-art{opacity:.07}.microsoft-button>span:last-child{color:#1D1D1B}.ms-logo i{background:#1D1D1B}.live-dot{background:#8B4513}.login-security{color:#6b685f}.notice.warning{background:#fff4c7;border-color:#e5d084;color:#66500a}.info-strip{background:#fff8d8}.banner-emblem~p{position:relative}.welcome-banner>div:first-child{position:relative;z-index:1;max-width:62%}
@media(max-width:1150px){.brand-logo{max-width:162px}.login-story{padding:32px}.anniversary-art img{max-height:270px}.banner-emblem{right:20px;width:30%}}
@media(max-width:800px){.sidebar .brand{display:flex;flex-direction:row;align-items:center;gap:22px}.brand-logo{width:150px}.brand-connect{border-top:0;border-left:2px solid #FFD100;padding:5px 0 5px 15px;width:auto}.sidebar .nav-label{display:none}.login-story{min-height:0;padding:26px 28px}.anniversary-art{margin:16px auto 0;max-width:390px}.anniversary-art img{max-height:210px}.story-copy{padding:14px 0 6px;margin:0}.story-copy h1{font-size:36px}.story-copy h1 br{display:none}.story-copy .eyebrow{font-size:8px}.login-story .story-copy>p{display:none}.banner-emblem{opacity:.3;width:38%;right:10px}.welcome-banner>div:first-child{max-width:100%}}

.anniversary-art{background:#F4F1ED;border:1px solid #fff1b3;border-radius:12px;box-shadow:0 8px 30px #0002;overflow:hidden}

.notice{margin-bottom:20px}