@font-face{font-family:Montserrat;src:url('/fonts/montserrat-bold.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:OpenSans;src:url('/fonts/open-sans.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#20362e;--muted:#728077;--green:#1e7b56;--dark:#173f34;--line:#e4e8df;--paper:#f6f7f3;--yellow:#f7d66f;--radius:18px;font-family:OpenSans,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d6af3e;outline-offset:3px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4,.brand{font-family:Montserrat,Arial,sans-serif}h1{font-size:31px;letter-spacing:-1.1px;font-weight:700}h2{font-size:20px;letter-spacing:-.5px}h3{font-size:17px;line-height:1.4}small{font-size:12px}svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.7}.icon{display:inline-flex;align-items:center;justify-content:center}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:700;text-transform:uppercase}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1}.hidden{display:none!important}
.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:34px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:750;letter-spacing:-.9px}.brand img{width:35px;height:35px;border-radius:11px}.brand .eco{color:var(--green)}.brand-sub{margin:8px 0 38px 44px;font-size:10px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}.nav-label{font-size:10px;color:#919a92;letter-spacing:1.5px;font-weight:700;margin:0 12px 13px}.nav{display:flex;flex-direction:column;gap:6px}.nav button{border:0;background:transparent;text-align:left;padding:13px 14px;display:flex;gap:12px;align-items:center;border-radius:10px;color:#66756c;font-size:13px;font-weight:600;min-height:46px}.nav button.active{background:#eaf3eb;color:var(--green)}.nav button:hover{background:#f1f5ee}.nav .count{margin-left:auto;font-size:11px;background:white;padding:2px 7px;border-radius:6px}.side-note{margin-top:auto;background:#f8f9f4;padding:18px 14px;border-radius:12px;font-size:11px;line-height:1.8;color:#788478}.side-note strong{display:block;color:var(--ink);font-size:12px;margin:6px 0}.side-user{display:flex;align-items:center;gap:10px;padding:23px 0 0;margin-top:20px;border-top:1px solid var(--line)}.avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#e8eee6;color:#45664b;font-size:12px;font-weight:700;border-radius:50%;flex-shrink:0}.side-user p{font-size:11px;font-weight:700}.side-user small{font-size:10px;color:var(--muted)}.icon-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:9px;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#5f7166}
.main{margin-left:236px;min-height:100vh}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;background:rgba(255,255,255,.65);gap:12px}.breadcrumb{font-size:12px;display:flex;align-items:center;gap:12px;color:#99a298}.breadcrumb strong{color:#526658;font-weight:600}.top-status{border:0;background:transparent;display:flex;align-items:center;gap:7px;font-size:11px;color:#667b6a}.dot{height:7px;width:7px;border-radius:50%;background:#5da66a;display:inline-block}.dot.off{background:#d6a243}.demo{font-size:10px;color:#876c28;background:#fbf3d8;border:1px solid #f0e4bd;border-radius:5px;padding:5px 9px;font-weight:600}.content{max-width:1400px;margin:0 auto;padding:35px 40px 60px}.page-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:28px}.page-intro p{font-size:13px;color:var(--muted);margin-top:9px}.date-chip{font-size:12px;color:#637365;display:flex;align-items:center;gap:8px;border:1px solid #dfe5d9;padding:10px 13px;border-radius:9px;background:#fff;white-space:nowrap}.hero{background:var(--dark);border-radius:20px;padding:29px 32px;color:#fff;position:relative;overflow:hidden;min-height:201px;display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.hero .eyebrow{color:#b4d4bb;font-size:10px;margin-bottom:13px}.hero h2{font-size:26px;line-height:1.35;max-width:440px;letter-spacing:-.8px}.hero p{font-size:12px;color:#b8cfc1;max-width:400px;line-height:1.8;margin-top:11px}.hero .primary{margin-top:20px;background:var(--yellow);color:#233b2c;border:0}.hero-copy{position:relative;z-index:1}.solar-graphic{position:relative;width:240px;height:160px;margin-right:15px;flex-shrink:0}.sun{position:absolute;right:42px;top:4px;width:70px;height:70px;border:1px solid #709b74;border-radius:50%;box-shadow:0 0 0 20px #244c3d,0 0 0 21px #426a4e,0 0 0 40px #204638,0 0 0 41px #335a43}.sun:after{content:'';position:absolute;inset:18px;border-radius:50%;background:var(--yellow)}.solar-panel{position:absolute;width:145px;height:85px;bottom:9px;left:3px;transform:skewY(-14deg) rotate(-5deg);border:2px solid #a4c0a9;border-radius:5px;background:repeating-linear-gradient(90deg,transparent 0 34px,#6f967e 35px 36px),repeating-linear-gradient(0deg,#2e5a47 0 25px,#6f967e 26px 27px);box-shadow:7px 9px 0 #0d2f25}.spark{position:absolute;right:13px;bottom:10px;color:#d6e8d4;font-size:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:18px 20px}.stat-top{display:flex;justify-content:space-between;color:#7b8c7b;align-items:center;font-size:11px}.stat-top svg{width:17px;height:17px}.stat strong{display:block;font-size:28px;font-family:Montserrat,Arial,sans-serif;margin-top:9px;font-weight:650;letter-spacing:-1px}.stat small{display:block;font-size:10px;margin-top:5px;color:#8a978a}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-head h2{font-size:17px}.link-btn{border:0;background:transparent;color:var(--green);font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px;padding:7px 0}.link-btn svg{width:15px}.job-card{border:1px solid var(--line);background:#fff;border-radius:15px;margin-bottom:13px;padding:20px;transition:border-color .15s,box-shadow .15s}.job-card:hover{border-color:#b6cbb4;box-shadow:0 4px 18px #193e2a08}.job-card.selected{border-color:#a5c2a9}.job-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.reference{font-size:10px;color:#819182;letter-spacing:.6px}.badge{font-size:10px;border-radius:6px;padding:5px 8px;font-weight:650;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;background:#f0f2ec;color:#7b8777}.badge.progress{background:#e7f2e8;color:#36734c}.badge.review{background:#fcf2d7;color:#97712d}.badge.complete{background:#e4f2ed;color:#28845e}.badge.high{background:#fef1e7;color:#a67746}.job-card h3 button{border:0;background:none;text-align:left;font:inherit;color:inherit;padding:0}.job-card p{font-size:12px;color:#6f7e72;margin-top:7px}.job-meta{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px;color:#869084;font-size:11px}.job-meta span{display:flex;gap:5px;align-items:center}.job-meta svg{width:14px;height:14px}.job-footer{border-top:1px solid #eef0e9;margin-top:18px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#7b8a7c}.progress-line{width:86px;height:4px;background:#edf0e9;border-radius:5px;overflow:hidden}.progress-line span{display:block;height:100%;background:#74a27a}.primary,.secondary,.danger-btn{border:1px solid transparent;border-radius:9px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;font-size:12px;font-weight:650;background:var(--green);color:#fff;text-decoration:none}.primary svg,.secondary svg{width:16px;height:16px}.primary:hover{filter:brightness(1.06)}.secondary{background:#fff;color:#3d5a46;border-color:#dfe6d9}.danger-btn{background:#fff3ed;color:#a54c36;border-color:#f1d5ca}.full{width:100%}.tip-card{background:#edf1e7;border:1px solid #e1e8d8;border-radius:15px;padding:23px;margin-bottom:18px}.tip-icon{width:35px;height:35px;border-radius:10px;background:#dfe8d7;display:flex;align-items:center;justify-content:center;color:#688461;margin-bottom:18px}.tip-card h3{font-size:14px;line-height:1.5}.tip-card p{font-size:11px;color:#7e8d75;line-height:1.85;margin-top:10px}.check-preview{display:flex;gap:9px;align-items:center;color:#778673;font-size:11px;margin-top:17px}.check-preview svg{width:15px}.mini-card{padding:22px;border:1px solid var(--line);border-radius:15px;background:#fff}.mini-card h3{font-size:13px;margin-bottom:16px}.mini-card p{font-size:11px;line-height:1.8;color:#7f8b7d}.mini-card .row{margin-bottom:13px}.mini-card .circle{height:28px;width:28px;background:#f5f3e9;color:#a28c51;border-radius:50%;display:flex;align-items:center;justify-content:center}.mini-card .circle svg{width:14px}.mini-card strong{font-size:11px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:23px;flex-wrap:wrap}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 14px;min-height:44px;flex:1;min-width:180px;color:#849180}.search input{border:0;background:transparent;width:100%;outline:0;font-size:12px;padding:12px 0}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{border:1px solid var(--line);border-radius:8px;padding:10px 13px;font-size:11px;background:#fff;color:#7e8b7d;min-height:41px}.filters button.active{background:#e6efe3;color:#355f3f;border-color:#bfceb6}.job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.job-grid .job-card{margin:0}.empty{border:1px dashed #cdd8c6;border-radius:15px;padding:48px 25px;text-align:center;color:#7c8b77;grid-column:1/-1}.empty svg{width:33px;height:33px;color:#9caf91;margin-bottom:13px}.empty h3{font-size:15px;color:#536b4c;margin-bottom:8px}.empty p{font-size:12px;line-height:1.7}.empty .primary{margin-top:18px}.footer-note{font-size:10px;letter-spacing:.3px;color:#9ca696;margin-top:30px;text-align:center}.mobile-brand,.bottom-nav{display:none}
.detail-back{margin-bottom:23px}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:24px}.detail-header h1{font-size:27px;margin-top:11px;max-width:690px}.detail-header p{font-size:13px;color:#7e8d7c;margin-top:11px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:20px}.panel-body{padding:25px}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 14px;overflow:auto}.tabs button{padding:17px 13px;border:0;border-bottom:2px solid transparent;background:transparent;font-size:12px;white-space:nowrap;color:#8b9886;display:flex;align-items:center;gap:7px;min-height:51px}.tabs button.active{color:var(--green);border-bottom-color:var(--green)}.tabs svg{width:16px;height:16px}.scope{font-size:13px;line-height:1.9;color:#75816f;white-space:pre-line;margin-top:12px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px;border-top:1px solid var(--line);padding-top:23px}.info-grid label{font-size:10px;color:#96a08f;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:7px}.info-grid p{font-size:12px;color:#51674b;line-height:1.6}.steps{padding:22px}.step{display:flex;gap:12px;position:relative;padding-bottom:24px}.step:last-child{padding:0}.step:not(:last-child):before{content:'';position:absolute;left:12px;top:25px;height:calc(100% - 25px);width:1px;background:#e4e9dd}.step-num{height:25px;width:25px;border:1px solid #e3e8db;border-radius:50%;font-size:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#b3baaa;background:#fff;z-index:1}.step.done .step-num{background:#eaf2e4;color:#4b8250;border-color:#dae6ce}.step.current .step-num{background:var(--green);color:#fff;border-color:var(--green)}.step-num svg{width:13px;height:13px}.step strong{display:block;font-size:12px;margin-top:4px;font-weight:600;color:#9ba594}.step.current strong,.step.done strong{color:#4d6548}.step small{font-size:10px;color:#a0ab97;display:block;margin-top:4px}.side-action{border-top:1px solid var(--line);padding:20px}.side-action p{font-size:10px;color:#8a9781;line-height:1.7;margin-top:12px}.check-item{display:flex;align-items:flex-start;gap:13px;border-bottom:1px solid #eef0e9;padding:18px 0;cursor:pointer}.check-item:last-child{border:0}.check-item input{width:21px;height:21px;accent-color:var(--green);flex-shrink:0;margin:2px 0}.check-item strong{display:block;font-size:12px;color:#4e6647;line-height:1.7}.check-item p{font-size:11px;color:#91a086;line-height:1.7;margin-top:3px}.check-item.checked strong{color:#77926e}.hint{padding:13px 15px;border:1px solid #e4e9d8;background:#f8faf3;font-size:11px;color:#849477;border-radius:9px;line-height:1.8;margin-top:15px}.hint.warning{background:#fff9e9;border-color:#f3e6c5;color:#9d8549}.activity{list-style:none;padding:0;margin:17px 0 0}.activity li{border-left:1px solid #dfe7d6;margin-left:4px;padding:0 0 18px 16px;position:relative}.activity li:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#9cb58c;left:-3px;top:6px}.activity p{font-size:11px;color:#6a8060;line-height:1.7}.activity small{font-size:10px;color:#a0ad96;display:block;margin-top:4px}.material{display:flex;gap:12px;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0e6;padding:17px 0}.material:last-child{border:0}.material strong{font-size:12px}.material small{display:block;color:#8e9e82;font-size:10px;margin-top:6px}.material .qty{font-size:14px;font-weight:700;white-space:nowrap;color:#5e7b50}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.photo-tile{border-radius:10px;border:1px solid var(--line);overflow:hidden}.photo-tile img{width:100%;height:140px;object-fit:cover;background:#f0f4e9;display:block}.photo-tile .photo-placeholder{height:140px;display:flex;align-items:center;justify-content:center;background:#f1f4ec;color:#a1b193}.photo-tile p{font-size:10px;padding:10px;color:#7e916f}.photo-stage{font-size:9px!important;font-weight:700;letter-spacing:.7px;text-transform:uppercase;padding-bottom:0!important}.note{border:1px solid var(--line);border-radius:10px;padding:16px;margin-top:13px;background:#fafbf7}.note.incident{border-left:3px solid #d9b468}.note p{font-size:12px;line-height:1.8;white-space:pre-line;color:#68805b}.note small{display:block;margin-top:10px;font-size:10px;color:#9eac93}.queue-item{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;margin-bottom:12px}.queue-item h3{font-size:14px;margin-bottom:8px}.queue-item p{font-size:11px;color:#809172;line-height:1.8}.queue-item .error{font-size:11px;color:#a96742;background:#fff5e9;border-radius:8px;padding:12px;margin-top:12px}.queue-item .row{margin-top:14px}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.person{padding:24px;border:1px solid var(--line);border-radius:15px;background:#fff}.person h3{font-size:14px;margin-top:15px}.person p{font-size:11px;color:#829276;margin:8px 0 14px;overflow-wrap:anywhere}
.modal-backdrop{position:fixed;inset:0;background:#132c2270;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:100%;max-width:520px;background:#fff;border-radius:20px;max-height:90vh;overflow:auto;box-shadow:0 30px 90px #102e2530}.modal-head{padding:24px 26px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.modal-head h2{font-size:18px}.modal-body{padding:23px 26px 27px}.form-field{display:block;margin-bottom:17px;font-size:11px;font-weight:600;color:#647b57}.form-field input,.form-field textarea,.form-field select{display:block;width:100%;margin-top:8px;border:1px solid #dfe6d6;border-radius:8px;min-height:44px;background:#fff;color:#435f38;padding:11px 12px;font-size:12px;font-weight:400}.form-field textarea{resize:vertical;min-height:100px;line-height:1.8}.form-field small{display:block;font-size:10px;font-weight:400;line-height:1.7;margin-top:6px;color:#92a285}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-error{background:#fff3eb;border:1px solid #f2d8c8;color:#a95f41;padding:13px;border-radius:9px;font-size:12px;line-height:1.7;margin-bottom:15px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}.upload-label{background:#f7faf0;border:1px dashed #b7c9a3;border-radius:12px;padding:30px 18px;text-align:center;color:#7e9669;display:block;cursor:pointer}.upload-label svg{width:32px;height:32px;margin-bottom:12px}.upload-label strong{display:block;font-size:12px}.upload-label small{display:block;font-size:10px;margin-top:8px}.upload-label input{display:block;max-width:100%;margin:15px auto 0;font-size:11px}.confirmation-text{font-size:12px;color:#809073;line-height:1.9}.danger-text{color:#a55b3e}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#7d906f;gap:15px;font-size:13px}.boot-mark{font-size:45px;color:var(--green)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.login-art{background:var(--dark);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:60px}.login-art .brand .eco{color:var(--yellow)}.login-art h1{font-size:49px;line-height:1.2;max-width:500px;letter-spacing:-2px}.login-art p{font-size:14px;color:#b6cdb9;line-height:1.9;max-width:400px;margin-top:20px}.login-art .solar-graphic{height:200px;width:300px;margin:40px 0}.login-art small{font-size:10px;color:#9fbfa4;letter-spacing:1px}.login-form{display:flex;align-items:center;justify-content:center;padding:45px}.login-box{width:100%;max-width:350px}.login-box h2{font-size:26px;margin:14px 0}.login-box>p{font-size:12px;color:#8b9a80;line-height:1.8;margin-bottom:28px}.demo-card{margin-top:26px;padding:19px;background:#f7f5e9;border:1px solid #ebe5ca;border-radius:12px}.demo-card p{font-size:11px;color:#8f8357;line-height:1.8;margin:9px 0 15px}.demo-card .row{gap:8px}.demo-card button{font-size:11px;padding:9px 13px}.demo-card strong{font-size:12px;color:#7f754b}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);opacity:0;transition:all .2s;background:#203d30;color:#fff;border-radius:12px;padding:14px 22px;font-size:12px;max-width:90%;box-shadow:0 6px 30px #18362430;z-index:200;pointer-events:none}#toast.visible{transform:translateX(-50%) translateY(0);opacity:1}
@media(min-width:1500px){.content{padding-top:45px}.hero{min-height:225px}.solar-graphic{margin-right:70px}}
@media(max-width:1150px){.sidebar{width:210px;padding:28px 17px}.main{margin-left:210px}.content{padding:28px}.topbar{padding:0 28px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 240px;gap:18px}.solar-graphic{width:180px;margin:0}.hero h2{font-size:23px}.detail-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.stats{gap:10px}.stat{padding:16px}.people{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.dashboard-aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tip-card{margin:0}.hero .solar-graphic{width:130px;opacity:.6}.hero h2{font-size:22px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{order:-1}.detail-sidebar .steps{display:none}.detail-sidebar .panel{margin:0}.side-action{border:0;display:flex;gap:15px;align-items:center}.side-action .primary{width:auto;flex-shrink:0}.side-action p{margin:0}.job-grid{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sidebar{display:none}.main{margin-left:0}.topbar{height:72px;padding:0 20px}.breadcrumb{display:none}.mobile-brand{display:flex}.brand{font-size:19px}.brand img{width:31px;height:31px}.topbar .demo{display:none}.top-status{font-size:10px;max-width:125px;text-align:right}.top-status svg{width:15px}.content{padding:26px 20px 110px}.page-intro{margin-bottom:22px;align-items:flex-start}.page-intro h1{font-size:27px}.page-intro p{font-size:12px;line-height:1.7;margin-top:7px}.date-chip{display:none}.hero{padding:24px;min-height:210px;border-radius:17px;margin-bottom:20px}.hero h2{font-size:23px;max-width:250px}.hero p{font-size:11px;max-width:245px}.hero .solar-graphic{position:absolute;right:-45px;top:40px;opacity:.3}.hero .eyebrow{font-size:9px}.hero .primary{font-size:11px;min-height:40px;margin-top:17px}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:27px}.stat{padding:16px}.stat strong{font-size:26px}.stat-top{font-size:10px}.stat small{font-size:9px}.section-head h2{font-size:16px}.job-card{padding:18px}.job-card h3{font-size:15px}.job-meta{gap:14px;font-size:10px}.job-footer .secondary{font-size:10px;padding:8px 11px;min-height:36px}.dashboard-aside{grid-template-columns:1fr}.tip-card{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#ffffffed;backdrop-filter:blur(14px);border-top:1px solid var(--line);justify-content:space-around;padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:40}.bottom-nav button{background:transparent;border:0;color:#9aaa90;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;min-width:60px;padding:6px}.bottom-nav button.active{color:var(--green)}.bottom-nav svg{width:21px;height:21px}.footer-note{line-height:1.8;font-size:9px}.detail-header{display:block}.detail-header h1{font-size:24px;line-height:1.35}.detail-header .badge{margin-top:15px}.panel-body{padding:20px}.tabs{padding:0 6px}.tabs button{font-size:10px;padding:16px 11px;gap:4px}.tabs svg{width:14px;height:14px}.detail-layout{gap:15px}.side-action{padding:16px}.side-action p{font-size:9px}.side-action .primary{font-size:11px;min-width:130px}.info-grid{gap:18px}.photo-grid{grid-template-columns:repeat(2,1fr);gap:9px}.photo-tile img{height:130px}.toolbar{gap:12px}.search{flex-basis:100%}.filters{gap:5px}.filters button{font-size:10px;padding:8px 11px;min-height:38px}.people{grid-template-columns:1fr}.modal-backdrop{padding:12px;align-items:flex-end}.modal{border-radius:18px;max-height:93vh}.modal-head{padding:20px}.modal-body{padding:20px}.form-grid{gap:10px}.login-page{grid-template-columns:1fr}.login-art{padding:30px 26px 35px;min-height:220px}.login-art h1{font-size:29px;letter-spacing:-1px;margin-top:35px;max-width:300px}.login-art p,.login-art .solar-graphic,.login-art small{display:none}.login-form{padding:30px 25px 45px}.login-box h2{font-size:23px}.login-box .eyebrow{display:none}#toast{bottom:85px}.queue-item .row{flex-wrap:wrap}.demo-mobile{font-size:10px;padding:9px 20px;background:#faf2d7;color:#887441;text-align:center}.demo-mobile+.content{padding-top:22px}}
@media(min-width:701px){.demo-mobile{display:none}}
@media(max-width:900px){.detail-sidebar{display:contents}.detail-layout>section{grid-row:2}.detail-sidebar>.panel{grid-row:1}.detail-sidebar>.mini-card{grid-row:3}}
@media(max-width:700px){.desktop-avatar{display:none}}