:root{--font-jakarta:"Avenir Next","Manrope","Segoe UI",sans-serif;--font-space:"DIN Alternate","Eurostile","Avenir Next Condensed",sans-serif;--bg:#0a111f;--bg-soft:#101a2d;--surface:#131f36;--surface-2:#192845;--line:#2a3b63;--text:#ecf2ff;--muted:#a6b9de;--doing:#17a5ff;--done:#19c37d;--todo:#f0b429;--backlog:#7b8fb8;--priority-low:#7ea7d8;--priority-medium:#6f9bff;--priority-high:#ff8a3d;--priority-critical:#ff4d6d;--radius:16px;--shadow:0 20px 45px rgba(0,0,0,.35)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:radial-gradient(circle at 18% -10%,rgba(23,165,255,.18),transparent 28%),radial-gradient(circle at 95% 10%,rgba(25,195,125,.12),transparent 30%),linear-gradient(180deg,#08101d,var(--bg));color:var(--text);font-family:var(--font-jakarta),"Segoe UI",sans-serif}a{color:#85b8ff}button,input,select,textarea{font:inherit}input,select,textarea{border:1px solid var(--line);background:#0f1930;color:var(--text);border-radius:12px;padding:.66rem .74rem;width:100%}textarea{resize:vertical}button{border:0}.loading{min-height:100vh;display:grid;place-items:center}.btn,.loading{font-weight:700}.btn{border:1px solid transparent;background:linear-gradient(120deg,#178dff,#1dc9a0);color:#00192f;border-radius:12px;padding:.58rem .86rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:hover{filter:brightness(1.07)}.btn.ghost{background:#11213c;color:#d7e7ff;border-color:#2d456f}.btn.full{width:100%}.muted{margin:0;color:var(--muted);font-size:.9rem}.hf-shell{min-height:100vh;display:grid;grid-template-columns:300px 1fr}.hf-sidebar{border-right:1px solid #22345b;background:linear-gradient(180deg,#0e172a,#111e37);padding:1.1rem;display:grid;grid-template-rows:auto auto auto 1fr;grid-gap:.9rem;gap:.9rem}.hf-brand-card{border-radius:18px;background:#1a2336;border:1px solid #324769;min-height:132px;display:grid;place-items:center;padding:.8rem}.hf-logo{max-width:220px;width:100%;object-fit:contain}.hf-brand-copy h1{margin:0;font-family:var(--font-space),sans-serif;font-size:1.2rem}.hf-brand-copy p{margin:.25rem 0 0;color:#c3d4f0;font-size:.84rem}.hf-nav{display:grid;grid-gap:.45rem;gap:.45rem}.hf-nav-btn{border:1px solid transparent;background:transparent;color:#d9e6ff;text-align:left;border-radius:12px;padding:.65rem .72rem;cursor:pointer}.hf-nav-btn.active,.hf-nav-btn:hover{border-color:#36548a;background:rgba(96,139,212,.14)}.hf-main{padding:1.2rem;display:grid;grid-template-rows:auto 1fr;grid-gap:1rem;gap:1rem}.hf-topbar{border-radius:var(--radius);background:var(--surface);border:1px solid #2a3f68;box-shadow:var(--shadow);padding:.95rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.hf-topbar h2{margin:0;font-family:var(--font-space),sans-serif}.hf-actions{display:flex;gap:.55rem;flex-wrap:wrap}.hf-section{display:grid;grid-gap:1rem;gap:1rem}.hf-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.hf-stat{background:var(--surface);border:1px solid #2a3f68;border-radius:var(--radius);box-shadow:var(--shadow);padding:.9rem}.hf-stat h4{margin:0;color:var(--muted);font-size:.83rem}.hf-stat p{margin:.45rem 0 0;font-size:1.6rem;font-weight:800}.hf-stat.status-doing{border-color:rgba(23,165,255,.6)}.hf-stat.status-done{border-color:rgba(25,195,125,.6)}.hf-panel{background:var(--surface);border:1px solid #2a3f68;border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.hf-panel h3{margin:0 0 .75rem}.hf-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.hf-grid-two-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem;gap:.6rem}.hf-row{justify-content:space-between;gap:.7rem}.hf-row,.hf-row-tight{display:flex;align-items:center;flex-wrap:wrap}.hf-row-tight{gap:.55rem}.hf-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.55rem;gap:.55rem}.hf-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.hf-item{background:var(--surface-2);border:1px solid #304c7b;border-radius:12px;padding:.65rem;display:grid;grid-gap:.28rem;gap:.28rem}.hf-stack{display:grid;grid-gap:.55rem;gap:.55rem;margin-bottom:.8rem}.hf-field-label{color:#b5c9f0;font-size:.82rem}.hf-segmented{display:inline-flex;border:1px solid #304c7b;border-radius:999px;padding:.2rem;background:#11213d}.hf-seg-btn{border-radius:999px;border:0;background:transparent;color:#a9c0e4;padding:.4rem .75rem;cursor:pointer}.hf-seg-btn.active{background:#20457a;color:#fff}.hf-composer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.55rem;gap:.55rem;margin-bottom:.8rem}.hf-composer textarea{grid-column:1/span 3}.hf-search{width:min(420px,100%)}.hf-kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.85rem;gap:.85rem;align-items:start}.hf-column{background:#101e37;border:1px solid #2a426c;border-radius:14px;min-height:340px;padding:.6rem}.hf-column-head{display:flex;align-items:center;justify-content:space-between;border-radius:10px;padding:.45rem .55rem;margin-bottom:.55rem;background:#182946}.hf-column-head h4{margin:0;font-size:.92rem}.hf-column-head.status-backlog{border:1px solid rgba(123,143,184,.65)}.hf-column-head.status-to-do{border:1px solid rgba(240,180,41,.65)}.hf-column-head.status-doing{border:1px solid rgba(23,165,255,.72)}.hf-column-head.status-done{border:1px solid rgba(25,195,125,.72)}.hf-card-stack{display:grid;grid-gap:.55rem;gap:.55rem}.hf-card{background:#162744;border:1px solid #2e4c7f;border-radius:13px;padding:.6rem;display:grid;grid-gap:.5rem;gap:.5rem}.hf-card-open{border:0;background:transparent;color:var(--text);text-align:left;display:grid;grid-gap:.35rem;gap:.35rem;cursor:pointer}.hf-tag{border-radius:999px;border:1px solid #34558f;background:#203967;color:#d8e8ff;font-size:.74rem}.hf-agent-active,.hf-tag{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:.16rem .48rem;font-weight:700}.hf-agent-active{border-radius:999px;background:rgba(23,165,255,.24);border:1px solid rgba(23,165,255,.75);color:#9bd8ff;font-size:.72rem}.hf-mini-link{border:0;background:transparent;color:#98bcff;text-align:left;padding:0;cursor:pointer}.hf-card-more{display:grid;grid-gap:.5rem;gap:.5rem}.hf-mini-meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;color:#b8ccee;font-size:.78rem}.hf-priority{display:inline-flex;padding:.14rem .45rem;border-radius:999px;font-size:.72rem;font-weight:800;border:1px solid transparent}.hf-priority.p-low{background:rgba(126,167,216,.18);color:#a9cff9;border-color:rgba(126,167,216,.6)}.hf-priority.p-medium{background:rgba(111,155,255,.2);color:#bbceff;border-color:rgba(111,155,255,.7)}.hf-priority.p-high{background:rgba(255,138,61,.19);color:#ffd1af;border-color:rgba(255,138,61,.7)}.hf-priority.p-critical{background:rgba(255,77,109,.2);color:#ffc1cf;border-color:rgba(255,77,109,.7)}.hf-log-box{background:#0e1a2f;border:1px solid #2d456f;border-radius:10px;padding:.45rem;display:grid;grid-gap:.35rem;gap:.35rem}.hf-log-box p{margin:0;color:#d4e3ff;font-size:.78rem}.hf-log-box span{color:#7fb2ff;margin-right:.3rem}.hf-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.hf-gallery-card{border:1px solid #2f4c7f;background:#142540;border-radius:14px;overflow:hidden;cursor:pointer;display:grid}.hf-gallery-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.hf-gallery-meta{display:grid;grid-gap:.35rem;gap:.35rem;padding:.65rem}.hf-calendar-grid,.hf-calendar-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:.42rem;gap:.42rem}.hf-calendar-head{color:#a6bde5;font-size:.82rem;margin-bottom:.35rem}.hf-day{border:1px solid #2f4c7f;background:#142540;border-radius:12px;min-height:102px;padding:.35rem;display:grid;align-content:start;grid-gap:.25rem;gap:.25rem}.hf-day-num{font-size:.76rem;color:#9cb7e2}.hf-day-item{border:0;text-align:left;border-radius:8px;background:rgba(23,165,255,.22);color:#d7ecff;font-size:.73rem;padding:.18rem .35rem;cursor:pointer}.hf-detail-drawer{position:fixed;top:0;right:0;width:min(740px,94vw);height:100vh;background:#0f1a2f;border-left:1px solid #294475;box-shadow:-20px 0 50px rgba(0,0,0,.5);padding:.95rem;display:grid;grid-template-columns:1fr 230px;grid-template-rows:auto auto 1fr;grid-gap:.8rem;gap:.8rem;z-index:40}.hf-detail-head{grid-column:1/span 2;display:flex;justify-content:space-between;align-items:center}.hf-detail-head h3{margin:0}.hf-detail-tabs{grid-column:1/span 2;display:inline-flex;width:-moz-fit-content;width:fit-content;border:1px solid #2f4c7f;border-radius:999px;padding:.2rem;background:#132341}.hf-detail-tabs button{border:0;background:transparent;color:#aac4ed;border-radius:999px;padding:.38rem .7rem;cursor:pointer}.hf-detail-tabs button.active{background:#1f487f;color:#fff}.hf-detail-body{display:grid;align-content:start;grid-gap:.55rem;gap:.55rem;overflow-y:auto;padding-right:.2rem}.hf-live-terminal,.hf-output-box,.hf-properties-sidebar details{border:1px solid #2f4c7f;background:#142540;border-radius:12px;padding:.6rem}.hf-live-terminal h4,.hf-output-box h4{margin:0 0 .45rem}.hf-live-terminal p{margin:.25rem 0;font-size:.8rem}.hf-live-terminal span{color:#83b6ff;margin-right:.28rem}.hf-properties-sidebar{border-left:1px solid #254173;padding-left:.75rem;overflow-y:auto}.hf-properties-sidebar summary{cursor:pointer;font-weight:700;margin-bottom:.45rem}.guide-page{min-height:100vh;padding:1.2rem}.guide-wrap{width:min(1080px,100%);margin:0 auto;display:grid;grid-gap:1rem;gap:1rem}.guide-hero h1{margin:0;font-family:var(--font-space),sans-serif}.guide-list{margin:0;padding-left:1.15rem;display:grid;grid-gap:.45rem;gap:.45rem}.guide-list.ordered{list-style:decimal}.guide-list.compact{gap:.28rem}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.7rem;gap:.7rem}@media (max-width:1180px){.hf-shell{grid-template-columns:1fr}.hf-sidebar{border-right:0;border-bottom:1px solid #22345b}.guide-grid,.hf-composer,.hf-gallery,.hf-grid-two,.hf-grid-two-compact,.hf-quick-actions,.hf-stat-grid{grid-template-columns:1fr}.hf-composer textarea{grid-column:auto}.hf-detail-drawer{width:100vw;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr}.hf-detail-head,.hf-detail-tabs{grid-column:auto}.hf-properties-sidebar{border-left:0;border-top:1px solid #254173;padding-left:0;padding-top:.75rem}}@media (max-width:860px){.hf-kanban{grid-template-columns:1fr}.hf-column{min-height:unset}}