:root[data-h162]{--h162-bg:#f3f6fc;--h162-card:#fff;--h162-text:#101d49;--h162-line:#dce6fa;--h162-muted:#637397}
:root[data-h162][data-theme="dark"],:root[data-h162][data-yw-theme="dark"]{--h162-bg:#101827;--h162-card:#18243a;--h162-text:#edf2ff;--h162-line:#334461;--h162-muted:#adbad4}
:root[data-h162] .main{background:var(--h162-bg);color:var(--h162-text)}
.h162-dashboard{width:100%;color:var(--h162-text);font-size:13px;line-height:1.6}.h162-dashboard *{box-sizing:border-box;min-width:0}.h162-dashboard button{font:inherit;cursor:pointer}.h162-dashboard svg{width:22px;height:22px;flex-shrink:0}.h162-dashboard button:focus-visible{outline:3px solid #597bff;outline-offset:2px}
.h162-hero{min-height:200px;padding:30px 22px 64px;display:flex;justify-content:space-between;position:relative;gap:20px;color:#fff;background:linear-gradient(90deg,#09172dd9,#09172d25),url('./hybrid/hero.png') center 55%/cover;border-radius:0 0 12px 12px;direction:ltr}.h162-hero>div{direction:rtl}.h162-hero h1{font-size:29px;line-height:1.4;margin:0 0 6px;color:#fff}.h162-hero p{margin:0}.h162-clock{display:flex;flex-direction:column;text-align:right}.h162-clock strong{font-size:32px;line-height:1.3}.h162-quote{position:absolute;right:18px;bottom:57px;padding:8px 18px;background:#061321b8;border:1px solid #ffffff26;border-radius:8px;direction:rtl}
.h162-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(240px,2.1fr);gap:10px;margin:-48px 12px 12px;position:relative;direction:ltr}.h162-metric{position:relative;min-height:104px;border:1px solid #ffffff30;border-radius:12px;color:white;text-align:right;padding:12px 15px;direction:rtl;box-shadow:0 5px 12px #19335b18}.h162-metric strong{font-size:29px;line-height:1.2;display:block}.h162-metric svg{position:absolute;left:15px;top:40px;width:32px;height:32px}.h162-metric small{font-size:10px}.h162-metric.blue{background:linear-gradient(120deg,#092d80,#2866ff)}.h162-metric.teal{background:linear-gradient(120deg,#103849,#239d96)}.h162-metric.gold{background:linear-gradient(120deg,#756143,#dfb778)}.h162-metric.purple{background:linear-gradient(120deg,#403080,#8e65ef)}.h162-featured{background:var(--h162-card);border:1px solid var(--h162-line);border-radius:12px;display:flex;gap:14px;align-items:center;padding:10px;color:var(--h162-text);text-align:right}.h162-featured img{width:42%;height:80px;object-fit:cover;border-radius:7px}.h162-featured>span{display:flex;flex-direction:column;flex:1;direction:rtl}.h162-featured b{font-size:16px}.h162-featured small{color:#325dff}
.h162-grid{padding:0 12px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;direction:ltr;grid-template-areas:'agenda projects projects tasks' 'agenda performance documents notes' 'locations assistant team picture';align-items:stretch}.h162-card{direction:rtl;background:var(--h162-card);border:1px solid var(--h162-line);border-radius:11px;padding:10px;overflow:hidden}.h162-agenda{grid-area:agenda}.h162-projects{grid-area:projects}.h162-tasks{grid-area:tasks}.h162-performance{grid-area:performance}.h162-documents{grid-area:documents}.h162-notes{grid-area:notes}.h162-locations{grid-area:locations}.h162-assistant{grid-area:assistant}.h162-team{grid-area:team}.h162-picture{grid-area:picture}.h162-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.h162-card-head h2{font-size:17px;line-height:1.4;margin:0;border-inline-start:3px solid #2455ff;padding-inline-start:7px}.h162-card-head button,.h162-filters button,.h162-assistant-options button,.h162-footer button{border:0;border-radius:7px;padding:4px 9px;background:#edf2ff;color:#3154dc;font-size:11px}.h162-date{text-align:center;border-block:1px solid var(--h162-line);padding:8px;font-weight:700}.h162-agenda-list{min-height:210px}.h162-agenda-list button{display:flex;width:100%;gap:12px;border:0;background:#edf2ff;padding:12px 8px;margin-block:10px;text-align:right;border-inline-start:3px solid #597bff;border-radius:7px;color:var(--h162-text)}.h162-agenda-list span,.h162-project-info{display:flex;flex-direction:column}.h162-agenda-list time{color:#5263a4;direction:ltr;font-size:11px}.h162-dashboard small{color:var(--h162-muted);display:block;font-size:11px}.h162-metric small{color:#ffffffc9}.h162-week h3{font-size:13px}.h162-bars{height:145px;display:flex;align-items:end;gap:9px;direction:ltr}.h162-bars>div{flex:1;display:flex;flex-direction:column;align-items:center;font-size:9px;gap:3px}.h162-bars meter{width:100%;height:100px;writing-mode:vertical-lr;accent-color:#3665ff}.h162-project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.h162-project{padding:0;border:1px solid var(--h162-line);border-radius:8px;overflow:hidden;text-align:right;background:var(--h162-card);color:var(--h162-text)}.h162-project img,.h162-project-noimage{width:100%;height:115px;object-fit:cover}.h162-project-noimage{display:grid;place-content:center;background:var(--h162-bg);text-align:center;font-size:11px}.h162-project-info{padding:8px;gap:3px}.h162-project-info>b{font-size:13px;line-height:1.5}.h162-progress{display:flex;align-items:center;gap:5px}.h162-dashboard progress{height:7px;width:100%;accent-color:#3764ff}.h162-progress strong{font-size:11px}.h162-tag{align-self:start;padding:2px 7px;background:#edf2ff;color:#3154dc;border-radius:5px;font-size:10px}.h162-filters{display:flex;gap:5px}.h162-filters button[aria-pressed=true]{background:#2455ff;color:white}.h162-task-list>button,.h162-doc-row,.h162-locations-list>button{display:flex;align-items:center;gap:8px;padding:10px 2px;width:100%;border:0;border-bottom:1px solid var(--h162-line);background:transparent;text-align:right;color:var(--h162-text)}.h162-task-list>button>span:nth-child(2),.h162-doc-row>span:nth-child(2){flex:1}.h162-task-list b,.h162-doc-row b,.h162-person b{font-size:12px}.h162-task-symbol{color:#3764ff}.h162-task-list em{font-style:normal;font-size:10px;border-radius:6px;padding:3px 6px;background:#fff4d9;color:#876212}.h162-task-list em.late{background:#ffe9ef;color:#ca2453}.h162-performance-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;text-align:center}.h162-performance-numbers>div{background:var(--h162-bg);border-radius:8px;padding:12px 2px}.h162-performance-numbers b{font-size:21px}.h162-caption,.h162-empty{color:var(--h162-muted);font-size:12px;line-height:1.8}.h162-empty{padding:20px 8px;text-align:center}.h162-notes label{display:block;color:var(--h162-muted);font-size:11px}.h162-notes textarea{width:100%;resize:vertical;min-height:126px;margin-top:8px;border:1px solid var(--h162-line);border-radius:7px;background:var(--h162-bg);color:var(--h162-text);padding:10px;font:inherit}.h162-person{display:flex;align-items:center;gap:7px;margin:8px 0}.h162-person>span:nth-child(2){flex:1}.h162-person progress{width:25%}.h162-avatar{display:grid;place-content:center;width:28px;height:28px;border-radius:50%;background:#e5ecff;color:#244bbb}.h162-picture img{width:100%;height:140px;object-fit:cover;border-radius:7px}.h162-picture p{font-size:10px;color:var(--h162-muted);margin:3px}.h162-footer{display:flex;gap:10px;justify-content:space-between;padding:14px;font-size:11px;color:var(--h162-muted)}
@media(min-width:1100px){:root[data-h162] .app{direction:ltr;grid-template-columns:190px minmax(0,1fr)}:root[data-h162] .side{direction:rtl;background:#091523;color:#e4edff}:root[data-h162] .main{direction:rtl;padding:0}:root[data-h162] .main .wrap{max-width:none}:root[data-h162] .hero{padding:4px 12px}:root[data-h162] .side nav.tabs button{font-size:13px;padding:8px 10px}:root[data-h162] #view{padding:0}:root[data-h162] .hero h1{font-size:17px}}
@media(max-width:1250px){.h162-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'projects projects' 'agenda tasks' 'performance documents' 'notes team' 'locations assistant' 'picture picture'}.h162-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.h162-featured{grid-column:1/-1}.h162-picture img{height:200px}}
@media(max-width:650px){.h162-grid{display:flex;flex-direction:column;padding:0 4px}.h162-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:4px}.h162-hero{padding:22px 14px 80px;min-height:230px}.h162-hero h1{font-size:23px}.h162-clock strong{font-size:23px}.h162-clock time{font-size:10px}.h162-quote{font-size:11px}.h162-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.h162-footer{flex-wrap:wrap}.h162-card-head h2{font-size:18px}}
:root[data-h162] .h162-card-head h2{font-size:17px!important;line-height:1.45!important}:root[data-h162] .h162-week h3{font-size:14px!important}:root[data-h162] .h162-hero h1{font-size:29px!important}:root[data-h162] .side{background:#091523!important;background-image:none!important}:root[data-h162] .side:before,:root[data-h162] .side:after{display:none!important}:root[data-h162] .hero{background:var(--h162-card)!important;color:var(--h162-text)!important;background-image:none!important;min-height:48px!important;margin:0!important}:root[data-h162] .hero:after,:root[data-h162] .hero:before{display:none!important}:root[data-h162] .hero .date{color:var(--h162-muted)}:root[data-h162] .hero h1{color:var(--h162-text)!important}:root[data-h162] .hero-in{max-width:none!important}:root[data-h162] body{padding-inline:0}:root[data-h162] .h162-project-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}:root[data-h162] .h162-dashboard button{box-shadow:none}:root[data-h162] .h162-dashboard .h162-card-head button{min-height:24px;padding:3px 8px}:root[data-h162] #guide157{margin:5px 12px;padding:4px 8px;min-height:28px}:root[data-h162] #banner{margin:4px 12px;padding:6px 10px;font-size:11px}:root[data-h162] .hero .date{font-size:11px}:root[data-h162] .h162-card small{color:var(--h162-muted)!important}:root[data-h162] .h162-dashboard .h162-card-head h2{color:var(--h162-text)!important}:root[data-h162][data-theme=dark] .h162-agenda-list button{background:#263650}:root[data-h162] .h162-project-info>small{font-size:10px!important}
:root[data-h162] .hero .date b,:root[data-h162] .hero .date span,:root[data-h162] .hero .cmdb,:root[data-h162] .hero .gsearch,:root[data-h162] .hero .gsearch input,:root[data-h162] .hero select,:root[data-h162] .hero kbd{color:var(--h162-text)!important}:root[data-h162] .hero .gsearch{background:var(--h162-bg)!important;border-color:var(--h162-line)!important}:root[data-h162] .hero input::placeholder{color:var(--h162-muted)!important}:root[data-h162] .h162-custom-order{grid-template-areas:none;grid-auto-flow:row}:root[data-h162] .h162-custom-order>.h162-card{grid-area:auto}:root[data-h162] .h162-custom-order>.h162-projects{grid-column:span 2}@media(min-width:1100px){:root[data-h162] .side{height:100vh;overflow-y:auto;align-self:start;top:0}:root[data-h162] .hero .hero-in{min-height:48px;gap:8px}:root[data-h162] .hero .date{margin:0}}@media(max-width:650px){:root[data-h162] .h162-hero h1{font-size:23px!important}:root[data-h162] .h162-hero{gap:8px}:root[data-h162] .main{padding-inline:8px!important}:root[data-h162] .h162-clock{max-width:100px}}
:root[data-h162][data-yw-scale=large] .h162-dashboard{font-size:17px}
:root[data-h162][data-yw-scale=large] .h162-card-head h2{font-size:20px!important}
:root[data-h162][data-yw-scale=large] .h162-dashboard small,:root[data-h162][data-yw-scale=large] .h162-project-info>small,:root[data-h162][data-yw-scale=large] .h162-caption,:root[data-h162][data-yw-scale=large] .h162-empty{font-size:13px!important}
:root[data-h162][data-yw-scale=large] .h162-task-list b,:root[data-h162][data-yw-scale=large] .h162-doc-row b,:root[data-h162][data-yw-scale=large] .h162-person b,:root[data-h162][data-yw-scale=large] .h162-project-info>b{font-size:15px}
:root[data-h162][data-yw-scale=large] .h162-card-head button,:root[data-h162][data-yw-scale=large] .h162-filters button,:root[data-h162][data-yw-scale=large] .h162-assistant-options button{font-size:13px;min-height:32px}