:root{--ink:#17324d;--nav:#16304a;--blue:#527da8;--blue2:#315f8b;--pale:#f7f4ed;--bg:#f1f4f6;--line:#dde5ea;--muted:#718391;--green:#2a9277;--orange:#e6a44c;--purple:#765caa;--red:#c85e5e}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.system-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{background:var(--nav);color:white;padding:26px 18px;position:fixed;inset:0 auto 0 0;width:250px;display:flex;flex-direction:column;z-index:20}.system-brand{gap:11px}.system-brand .mountain-mark{width:41px;height:41px;border-radius:12px;background:linear-gradient(145deg,#87a5c2,#4f79a2);display:grid;place-items:center;font-weight:900;font-size:18px;color:white}.system-brand b{display:block;letter-spacing:.1em;font-size:17px}.system-brand span{display:block;letter-spacing:.22em;font-size:8px;opacity:.65}.sidebar nav{margin-top:34px;display:grid;grid-gap:5px;gap:5px}.sidebar nav button{border:0;background:transparent;color:#bdcad5;border-radius:10px;padding:11px 12px;text-align:left;display:flex;gap:11px;align-items:center;font-weight:650}.sidebar nav button i{font-style:normal;width:19px;text-align:center;font-size:17px}.sidebar nav button.active,.sidebar nav button:hover{background:rgba(255,255,255,.12);color:white}.sidebar nav em{margin-left:auto;background:#e9a960;color:white;border-radius:20px;padding:1px 7px;font-size:10px;font-style:normal}.profile{margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;border-radius:50%;background:#6c8cab;display:grid;place-items:center;font-weight:800}.profile b,.profile span{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile b{font-size:12px}.profile span{font-size:9px;color:#9eb0c0}.content{grid-column:2;padding:30px 38px 70px;max-width:1550px;width:100%;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.page-head h1{font-size:27px;line-height:1.2;margin:0}.page-head p{margin:4px 0 0;color:var(--muted)}button.primary,button.secondary{border-radius:9px;padding:10px 15px;font-weight:750;border:1px solid var(--line)}button.primary{background:var(--blue2);border-color:var(--blue2);color:white}button.primary:hover{background:#254e74}button.secondary{background:white;color:var(--ink)}button.full{width:100%;margin-top:10px}.head-actions{display:flex;gap:8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px;margin-bottom:18px}.stat{background:white;border:1px solid #e2e8ec;border-radius:14px;padding:18px;display:flex;gap:13px;align-items:center;box-shadow:0 4px 14px rgba(31,54,74,.04)}.stat-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center}.stat.blue .stat-icon{background:#e6eef6;color:var(--blue)}.stat.green .stat-icon{background:#e1f2ed;color:var(--green)}.stat.purple .stat-icon{background:#eee9f7;color:var(--purple)}.stat.orange .stat-icon{background:#fbefdf;color:var(--orange)}.stat small,.stat span,.stat strong{display:block}.stat span{font-size:11px;color:var(--muted);font-weight:700}.stat strong{font-size:25px;line-height:1.25}.stat small{font-size:10px;color:#93a0aa}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;grid-gap:18px;gap:18px}.form-section,.panel,.save-card{background:white;border:1px solid #e1e7eb;border-radius:14px;padding:19px;box-shadow:0 4px 14px rgba(31,54,74,.035)}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.panel-title h2{font-size:15px;margin:0}.panel-title span{color:var(--blue2);font-size:11px;font-weight:750}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:650px}th{text-transform:uppercase;font-size:9px;letter-spacing:.08em;color:#7d8c98;text-align:left;border-bottom:1px solid var(--line);padding:10px 9px}td{padding:12px 9px;border-bottom:1px solid #edf1f3;font-size:12px}tbody tr{cursor:pointer}tbody tr:hover{background:#f8fafb}td b,td span{display:block}td span{font-size:10px;color:#8b99a3}.score-good{color:var(--green)}.score-watch{color:var(--orange)}.badge{font-size:9px!important;display:inline-block!important;border-radius:20px;padding:3px 8px;font-weight:800;text-transform:uppercase}.badge.completed{color:var(--green);background:#def1eb}.badge.draft{color:#9b6d28;background:#f9ebd5}.text-btn{border:0;background:transparent;color:var(--blue2);font-weight:750}.follow-list{display:grid;grid-gap:9px;gap:9px}.follow{display:grid;grid-template-columns:42px 1fr auto;align-items:center;grid-gap:10px;gap:10px;padding:9px;border:1px solid var(--line);border-radius:10px}.date-box{background:var(--pale);border-radius:8px;text-align:center;padding:5px}.date-box b,.date-box span{display:block}.date-box b{font-size:16px}.date-box span{font-size:8px;text-transform:uppercase}.follow>div:nth-child(2) b,.follow>div:nth-child(2) span{display:block}.follow>div:nth-child(2) b{font-size:11px}.follow>div:nth-child(2) span{font-size:9px;color:var(--muted)}.follow button{border:0;background:#e1f1ec;color:var(--green);border-radius:7px;padding:6px 8px;font-size:10px}.toolbar{display:flex;justify-content:space-between;align-items:center;background:white;border:1px solid var(--line);padding:10px;border-radius:12px;margin-bottom:15px}.toolbar>span{color:var(--muted);font-size:11px;margin-right:8px}.search{display:flex;gap:7px}.search input{width:280px}.search button{border:0;background:var(--ink);color:white;border-radius:7px;padding:7px 12px}.customer-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.customer-card{background:white;border:1px solid var(--line);border-radius:13px;padding:16px;display:grid;grid-template-columns:45px 1fr;grid-gap:12px;gap:12px}.customer-icon{width:45px;height:45px;background:#e6eef5;border-radius:11px;display:grid;place-items:center;color:var(--blue2);font-weight:850}.customer-card h3{font-size:14px;margin:1px 0}.customer-card p,.customer-card span{margin:0;color:var(--muted);font-size:11px}.customer-card footer{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px;color:var(--muted);font-size:10px}.customer-card footer i{display:inline-block;width:1px;height:10px;background:var(--line);margin:0 10px}.form-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);grid-gap:17px;gap:17px}.form-layout>aside,.form-layout>div{display:grid;grid-gap:15px;gap:15px}.form-layout>aside{align-content:start}.form-section h2{display:flex;align-items:center;gap:9px;font-size:14px;margin:0 0 17px}.form-section h2 span{width:25px;height:25px;border-radius:7px;background:#e5edf4;color:var(--blue2);display:grid;place-items:center;font-size:11px}.section-note{font-size:11px;color:var(--muted);margin:-9px 0 12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.field>span{font-size:10px;display:block;margin-bottom:5px;color:#596f80;font-weight:750}.field input,.field select,.field textarea,.reading-row input,.reading-row select,.search input{width:100%;border:1px solid #d6e0e6;background:white;border-radius:8px;padding:9px 10px;color:var(--ink);outline:none}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue)}.inline-field{display:grid;grid-template-columns:1fr 35px;grid-gap:5px;gap:5px}.inline-field button{border:0;background:#e5edf4;color:var(--blue2);border-radius:8px;font-size:18px}.reading-head,.reading-row{display:grid;grid-template-columns:1.35fr repeat(3,1fr);grid-gap:8px;gap:8px;align-items:center}.reading-head{font-size:9px;color:var(--muted);text-transform:uppercase;padding:0 2px 6px}.reading-row{margin:7px 0}.reading-row b{font-size:11px}.reading-row b small{display:block;color:var(--muted);font-weight:500}.check-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.check-item{border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;gap:8px;align-items:center;font-size:11px}.check-item input{display:none}.check-item span{width:19px;height:19px;border-radius:5px;border:1px solid #ccd8df;color:transparent;display:grid;place-items:center}.check-item input:checked+span{background:var(--green);border-color:var(--green);color:white}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:9px;gap:9px}.photo-upload{border:1.5px dashed #bdccd6;border-radius:10px;min-height:100px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--muted);position:relative;padding:10px}.photo-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.photo-upload span{font-size:22px;color:var(--blue)}.photo-upload b{font-size:9px;color:var(--ink)}.photo-upload small{font-size:8px}.photo-upload.disabled{opacity:.48;background:#f5f7f8}.health-editor{text-align:center}.health-ring{--score:85;width:120px;height:120px;margin:6px auto 15px;border-radius:50%;background:conic-gradient(var(--green) calc(var(--score)*1%),#dfe6e9 0);display:grid;place-items:center;align-content:center;position:relative}.health-ring:before{content:"";position:absolute;inset:10px;background:white;border-radius:50%}.health-ring b,.health-ring span{position:relative;z-index:1}.health-ring b{font-size:28px}.health-ring span{font-size:7px;letter-spacing:.1em}.health-editor>input[type=range]{width:100%;margin-bottom:15px}.health-editor .field{text-align:left;display:block;margin-top:12px}.save-card p{font-size:11px;color:var(--muted)}.modal-backdrop{position:fixed;inset:0;background:rgba(13,29,43,.58);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(520px,100%);background:white;border-radius:15px;box-shadow:0 22px 70px rgba(0,0,0,.25);padding:20px}.modal>header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:15px}.modal h2{font-size:17px;margin:0}.modal header button{border:0;background:transparent;font-size:24px;color:var(--muted)}.modal-form{display:grid;grid-gap:12px;gap:12px}.toast{position:fixed;right:25px;top:22px;z-index:200;background:var(--ink);color:white;padding:11px 16px;border-radius:9px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.error-banner{background:#fbe9e7;color:#9f413c;border:1px solid #efcbc7;padding:10px 13px;border-radius:9px;margin-bottom:15px}.error-banner button{float:right;border:0;background:transparent;color:inherit;font-weight:750}.skeleton{display:grid;grid-gap:12px;gap:12px}.skeleton span{height:70px;background:linear-gradient(90deg,#e7ecef,#f6f8f9,#e7ecef);background-size:200%;animation:shimmer 1.2s infinite;border-radius:12px}@keyframes shimmer{to{background-position:-200%}}.empty{text-align:center;color:var(--muted);padding:30px}.report-paper{max-width:900px;margin:auto;background:var(--pale);padding:40px;box-shadow:0 12px 40px rgba(25,48,69,.12);border-radius:8px}.report-paper>header{display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--blue2);padding-bottom:17px}.system-brand.dark{color:var(--ink)}.report-paper>header h2{text-align:right;margin:0;font-size:22px}.report-paper>header p{text-align:right;margin:2px 0;color:var(--blue2)}.report-meta{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:20px 0}.report-meta>div{background:white;border:1px solid var(--line);padding:13px;border-radius:8px}.report-meta b,.report-meta small,.report-meta span{display:block}.report-meta small{font-size:8px;letter-spacing:.1em;color:var(--blue2)}.report-meta b{margin:4px 0}.report-meta span{font-size:11px;color:var(--muted)}.report-health{display:grid;grid-template-columns:150px 1fr;align-items:center}.report-health .health-ring{margin:0}.report-health small{font-size:9px}.report-health h3{color:var(--green);font-size:20px;margin:4px 0}.report-health p{color:var(--muted)}.report-readings{margin:18px 0;background:white}.report-checks{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px}.report-checks span{background:white;padding:8px;border-radius:6px;font-size:11px}.recommendation{border-left:4px solid var(--blue2);background:#e5edf4;padding:13px;margin:18px 0}.recommendation b{font-size:9px}.recommendation p{margin:4px 0}.report-photos{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.report-photos figure{margin:0;background:white;border-radius:8px;overflow:hidden}.report-photos img{width:100%;height:220px;object-fit:cover}.report-photos figcaption{padding:7px;text-align:center;font-size:10px}.report-paper>footer{border-top:1px solid #cdd7dc;margin-top:18px;padding-top:10px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}@media(max-width:1150px){.stats{grid-template-columns:1fr 1fr}.dashboard-grid,.form-layout{grid-template-columns:1fr}.customer-grid{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar,.system-shell{display:block}.sidebar{position:-webkit-sticky;position:sticky;top:0;width:100%;height:auto;padding:12px 15px}.system-brand{margin-bottom:10px}.sidebar nav{margin:0;display:flex;overflow-x:auto}.sidebar nav button{white-space:nowrap;padding:8px 10px}.profile,.sidebar nav button i{display:none}.content{padding:18px 14px 60px}.page-head{align-items:flex-start}.page-head h1{font-size:22px}.check-grid,.customer-grid,.dashboard-grid,.form-grid,.form-grid.three,.report-meta,.stats{grid-template-columns:1fr}.reading-head,.reading-row{grid-template-columns:1fr 1fr}.reading-head span:nth-child(n+3){display:none}.photo-grid{grid-template-columns:1fr 1fr}.head-actions{flex-wrap:wrap}.toolbar{display:block}.search input{width:100%}.toolbar>span{display:block;margin-top:8px}.report-paper{padding:20px}.report-paper>header{display:block}.report-paper>header>div:last-child h2,.report-paper>header>div:last-child p{text-align:left;margin-top:10px}.report-health{grid-template-columns:1fr;text-align:center}.report-health .health-ring{margin:auto}.report-checks{grid-template-columns:1fr}}@media print{.no-print,.page-head,.sidebar,.toast{display:none!important}.content,.system-shell{display:block;padding:0;background:white}.report-paper{box-shadow:none;border-radius:0;max-width:none;padding:12mm}.report-photos{page-break-before:always;break-before:page}.report-photos figure{page-break-inside:avoid;break-inside:avoid}}.profile a{display:block;color:#b8d1e6;font-size:9px;margin-top:3px;text-decoration:none}.security-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-bottom:16px}.role-guide{display:grid;grid-gap:9px;gap:9px}.role-guide p{border:1px solid var(--line);border-radius:9px;padding:10px;margin:0}.role-guide b,.role-guide span{display:block}.role-guide span{font-size:10px;color:var(--muted);margin-top:2px}.role-pill{display:inline-block!important;border-radius:20px;padding:3px 8px;text-transform:uppercase;font-size:9px!important;font-weight:800}.role-pill.admin{background:#e9e4f5;color:#765caa}.role-pill.technician{background:#e1f1ec;color:#2a9277}.role-pill.finance{background:#e4edf5;color:#315f8b}td select{border:1px solid var(--line);border-radius:7px;padding:6px;background:white;color:var(--ink)}code{font-size:9px;color:var(--muted)}@media(max-width:760px){.security-grid{grid-template-columns:1fr}}:root{--denim:#5e83ae;--seashell:#f9f5ed;--ink:#28435f;--nav:#5e83ae;--blue:#5e83ae;--blue2:#5e83ae;--pale:#f9f5ed;--bg:#f6f2ea;--line:#ded9cf;--muted:#718092}body,html{font-family:var(--font-montserrat),Montserrat,Arial,sans-serif;background:var(--bg);touch-action:pan-x pan-y}a,button,input,select,textarea{touch-action:manipulation}.sidebar{background:var(--denim);padding:24px 18px}.system-brand{height:92px;display:flex;align-items:center}.system-brand img{display:block;width:112px;height:108px;object-fit:contain;object-position:center}.system-brand.light img{filter:none}.sidebar nav{margin-top:18px}.sidebar nav button{color:rgba(249,245,237,.78);border-radius:8px;font-weight:600;letter-spacing:.01em}.sidebar nav button.active,.sidebar nav button:hover{background:var(--seashell);color:var(--denim);box-shadow:0 5px 18px rgba(40,67,95,.14)}.profile{border-top-color:rgba(249,245,237,.25)}.avatar{background:var(--seashell);color:var(--denim)}.profile span{color:rgba(249,245,237,.72)}.install-app,.profile a{color:var(--seashell)}.install-app{margin-top:14px;width:100%;border:1px solid rgba(249,245,237,.45);background:rgba(249,245,237,.12);border-radius:9px;padding:10px 12px;font-weight:750;text-align:left}.install-app:hover{background:var(--seashell);color:var(--denim)}.install-guide{text-align:left}.install-guide>p{background:var(--seashell);border-radius:10px;padding:12px 14px;color:var(--ink)}.install-logo{text-align:center}.install-logo img{width:86px;height:86px;border-radius:20px;box-shadow:0 8px 24px rgba(40,67,95,.18)}.content{padding-top:34px}.page-head h1{font-weight:700;letter-spacing:-.025em;color:var(--ink)}.page-head p{font-weight:400}button.primary{background:var(--denim);border-color:var(--denim);box-shadow:0 6px 16px rgba(94,131,174,.18)}button.primary:hover{background:#4f759f}.customer-card,.form-section,.panel,.save-card,.stat,.toolbar,button.secondary{border-color:rgba(94,131,174,.18)}.customer-card,.form-section,.panel,.save-card,.stat,.toolbar{box-shadow:0 7px 22px rgba(63,83,104,.055)}.customer-icon,.form-section h2 span,.inline-field button,.stat-icon{background:rgba(94,131,174,.13)!important;color:var(--denim)!important}.panel-title span,.report-meta small,.report-paper>header p,.text-btn{color:var(--denim)}.staff-actions{display:flex;align-items:center;gap:8px}.danger-btn{border:1px solid rgba(200,94,94,.35);background:#fff3f2;color:var(--red);border-radius:7px;padding:6px 9px;font-weight:750}.danger-btn:hover{background:#fde5e2}.danger-btn:disabled,.text-btn:disabled{opacity:.45;cursor:not-allowed}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--denim);box-shadow:0 0 0 3px rgba(94,131,174,.1)}.report-paper{background:var(--seashell);border:1px solid rgba(94,131,174,.18)}.report-paper>header{border-bottom-color:var(--denim)}.report-paper .system-brand{height:auto}.report-paper .system-brand img{width:118px;height:114px}.report-paper>header h2{color:var(--ink);font-weight:700;letter-spacing:-.02em}.recommendation{border-left-color:var(--denim);background:rgba(94,131,174,.12)}@media(max-width:760px){.system-brand{height:58px;margin:0!important}.system-brand img{width:72px;height:68px}.sidebar{background:var(--denim);display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:8px;gap:8px}.sidebar nav{grid-column:1/-1;grid-row:2}.install-app{grid-column:3;grid-row:1;margin:0;width:auto;padding:8px 10px}.install-app span{display:none}}@media(display-mode:standalone){.install-app{display:none}body{overscroll-behavior-y:none}.sidebar{padding-top:max(12px,env(safe-area-inset-top))}.content{padding-bottom:max(60px,env(safe-area-inset-bottom))}}@media(max-width:760px){.content,.system-shell,body,html{max-width:100%;overflow-x:hidden}.content{width:100%;min-width:0;padding-left:10px;padding-right:10px}.report-paper{width:100%;max-width:100%;min-width:0;margin:0;padding:16px 12px;overflow:hidden}.report-paper>header{min-width:0}.report-paper>header h2{font-size:18px;overflow-wrap:anywhere}.report-paper>header p{font-size:11px}.recommendation,.report-meta>div{min-width:0;overflow-wrap:anywhere}table.report-readings{display:table;width:100%;min-width:0;max-width:100%;table-layout:fixed}.report-readings td,.report-readings th{padding:9px 5px;font-size:9px;line-height:1.35;white-space:normal;overflow-wrap:anywhere}.report-readings th{font-size:7px;letter-spacing:.035em}.report-readings td:first-child,.report-readings th:first-child{width:43%}.report-readings td:nth-child(2),.report-readings td:nth-child(3),.report-readings th:nth-child(2),.report-readings th:nth-child(3){width:17%}.report-readings td:nth-child(4),.report-readings th:nth-child(4){width:23%}.report-photos{grid-template-columns:1fr}.report-photos img{height:auto;max-height:320px}.report-paper>footer{gap:8px;flex-direction:column;overflow-wrap:anywhere}}.reading-field{display:block;min-width:0}.reading-field>small{display:none}.reading-field input,.reading-field select{width:100%}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#f9f5ed,#e8eef4)}.login-card{width:min(430px,100%);background:#fff;border:1px solid rgba(94,131,174,.22);border-radius:22px;padding:40px;text-align:center;box-shadow:0 24px 70px rgba(40,67,95,.14)}.login-card img{width:150px;height:105px;object-fit:contain}.login-card .eyebrow{font-size:9px;letter-spacing:.2em;font-weight:800;color:#5e83ae}.login-card h1{margin:5px 0 10px;font-size:29px}.login-card>p:not(.eyebrow){color:#718092}.login-card small{display:block;margin-top:18px;color:#8995a0}.google-login{width:100%;border:1px solid #d8dee4;background:white;border-radius:11px;padding:13px 16px;font-weight:750;color:#28435f;box-shadow:0 5px 16px rgba(40,67,95,.08);margin-top:14px}.google-login span{display:inline-grid;place-items:center;margin-right:12px;width:24px;height:24px;border-radius:50%;background:#fff;color:#4285f4;font-weight:900}.google-login:hover{border-color:#5e83ae}.google-login:disabled{opacity:.55}.denied{max-width:600px;margin:14vh auto;padding:35px;text-align:center;background:white;border-radius:16px;border:1px solid #ded9cf}.denied a{display:inline-block;margin-top:14px;color:#5e83ae;font-weight:750}.form-section{margin-bottom:18px}.form-section button.full{grid-column:1/-1}.danger-btn{margin-left:7px}@media(max-width:760px){.reading-head{display:none}.reading-row{grid-template-columns:1fr 1fr;gap:10px;background:#f8fafb;border:1px solid rgba(94,131,174,.2);border-radius:12px;padding:12px;margin:10px 0 14px}.reading-row>b{grid-column:1/-1;font-size:13px;border-bottom:1px solid var(--line);padding-bottom:8px}.reading-field>small{display:block;margin-bottom:4px;color:var(--denim);font-size:8px;font-weight:800;letter-spacing:.08em}.reading-field input,.reading-field select{min-height:46px;font-size:16px}.reading-status{grid-column:1/-1}.photo-upload{min-height:130px;background:#fff;opacity:1}}