:root{--slate:#5a6f8e;--steel:#7f93ad;--light:#e6e6e6;--soft:#f2f2f2;--med:#d2d2d2;--ink:#333;--white:#fff;--green:#6aa84f;--slate-08:#5a6f8e14;--slate-15:#5a6f8e26}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--soft);color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Arial,sans-serif;font-size:14px}.app{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--slate);width:220px;color:var(--white);flex-direction:column;flex-shrink:0;display:flex}.logo{border-bottom:1px solid #ffffff26;padding:22px 20px 18px}.logo h1{letter-spacing:2px;font-size:16px;font-weight:700}.logo span{letter-spacing:1.5px;opacity:.75;margin-top:3px;font-size:10.5px;display:block}.nav{flex:1;padding:14px 0}.nav button{color:#ffffffd1;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:11px 20px;font-size:13.5px;display:flex}.nav button:hover{background:#ffffff14}.nav button.active{color:#fff;background:#ffffff21;border-left-color:#fff;font-weight:600}.nav .icon{text-align:center;opacity:.9;width:18px}.edition{border-top:1px solid #ffffff26;padding:14px 20px;font-size:12px}.edition b{font-size:13px;display:block}.edition span{opacity:.7}.main{flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background:var(--white);border-bottom:1px solid var(--light);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 26px;display:flex}.topbar h2{color:var(--slate);font-size:17px}.topbar .sub{color:var(--steel);margin-top:2px;font-size:12px}.topbar .user{color:var(--steel);align-items:center;gap:10px;font-size:13px;display:flex}.avatar{background:var(--steel);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.content{flex:1;padding:24px 26px;overflow-y:auto}.view{display:none}.view.active{display:block}.tiles{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.tile{background:var(--white);border:1px solid var(--light);border-radius:8px;padding:16px 18px}.tile .label{text-transform:uppercase;letter-spacing:.8px;color:var(--steel);margin-bottom:8px;font-size:11.5px}.tile .value{color:var(--slate);font-size:26px;font-weight:700}.tile .delta{color:var(--steel);margin-top:6px;font-size:12px}.tile .delta.pos{color:var(--green);font-weight:600}.meter{background:var(--light);border-radius:3px;height:6px;margin-top:10px;overflow:hidden}.meter i{background:var(--slate);border-radius:3px;height:100%;display:block}.grid2{grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:20px;display:grid}.panel{background:var(--white);border:1px solid var(--light);border-radius:8px;padding:18px 20px}.panel h3{color:var(--slate);text-transform:uppercase;letter-spacing:.8px;margin-bottom:14px;font-size:13px}.bars{flex-direction:column;gap:9px;display:flex}.barrow{grid-template-columns:130px 1fr 88px;align-items:center;gap:10px;font-size:12.5px;display:grid}.barrow .track{background:var(--soft);border-radius:3px;height:16px;overflow:hidden}.barrow .track i{background:var(--slate);height:100%;display:block}.barrow .track i.b2{background:var(--steel)}.barrow .val{color:var(--steel);text-align:right;font-size:12px}.funnel div{color:#fff;border-radius:3px;justify-content:space-between;margin-bottom:5px;padding:6px 12px;font-size:12px;display:flex}table{border-collapse:collapse;width:100%;font-size:13px}th{background:var(--slate);color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.6px;padding:9px 12px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--soft);padding:9px 12px}tr.click{cursor:pointer}tr.click:hover td{background:var(--slate-08)}.pill{border-radius:10px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-block}.pill.slate{background:var(--slate-15);color:var(--slate)}.pill.green{color:#4d7c39;background:#6aa84f26}.pill.grey{background:var(--light);color:#666}.pill.warn{color:#a05c3b;background:#f5e9e4}.kanban{scroll-behavior:smooth;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.kwrap{position:relative}.kwrap:after{content:"";pointer-events:none;background:linear-gradient(to right,transparent,var(--soft));opacity:0;width:44px;transition:opacity .2s;position:absolute;top:0;bottom:10px;right:0}.kwrap.more:after{opacity:1}.khint{color:var(--steel);background:var(--white);border:1px solid var(--light);cursor:pointer;border-radius:10px;padding:2px 10px;font-size:11px;position:absolute;top:-26px;right:4px}.kcol.dragover{outline:2px dashed var(--slate);outline-offset:-2px}.kcard[draggable=true]{cursor:grab}.kcard.dragging{opacity:.45}.agechip{background:var(--soft);color:var(--steel);border:1px solid var(--med);border-radius:8px;padding:1px 6px;font-size:10px}.agechip.rot{color:#a05c3b;background:#f6e3d3;border-color:#e0b28f;font-weight:700}.kempty{border:1.5px dashed var(--med);text-align:center;color:var(--steel);border-radius:6px;padding:14px 10px;font-size:11.5px}.loststrip{background:var(--white);border:1px solid var(--light);border-left:4px solid #a05c3b;border-radius:8px;margin-top:12px;padding:10px 14px}.kcol{background:var(--soft);border:1px solid var(--light);border-radius:8px;flex-shrink:0;min-width:215px}.kcol h4{text-transform:uppercase;letter-spacing:.6px;color:var(--slate);padding:11px 12px 4px;font-size:11.5px}.kcol .ksum{color:var(--steel);border-bottom:1px solid var(--light);padding:0 12px 9px;font-size:11px}.kcards{flex-direction:column;gap:8px;min-height:40px;padding:9px;display:flex}.kcard{background:var(--white);border:1px solid var(--light);border-left:3px solid var(--steel);cursor:pointer;border-radius:5px;padding:9px 11px;font-size:12.5px}.kcard:hover{box-shadow:0 2px 6px #5a6f8e33}.kcard b{color:var(--ink);font-size:13px;display:block}.kcard .m{color:var(--steel);margin-top:3px;font-size:11.5px}.kcard .amt{color:var(--slate);margin-top:4px;font-size:12.5px;font-weight:700}.kcard.won{border-left-color:var(--green)}.overlay{z-index:50;background:#33333373;display:none;position:fixed;inset:0}.overlay.open{justify-content:flex-end;display:flex}.drawer{background:var(--white);width:520px;max-width:92vw;height:100%;overflow-y:auto;box-shadow:-4px 0 18px #0000002e}.drawer.wide{width:780px}.drawer .dhead{background:var(--slate);color:#fff;padding:20px 24px}.drawer .dhead .close{float:right;color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.drawer .dhead h3{margin-bottom:4px;font-size:17px}.drawer .dhead span{opacity:.85;font-size:12.5px}.dbody{padding:20px 24px}.kv{grid-template-columns:170px 1fr;gap:7px 12px;margin-bottom:18px;font-size:13px;display:grid}.kv dt{color:var(--steel)}.kv dd{font-weight:500}.sect{text-transform:uppercase;letter-spacing:.8px;color:var(--slate);border-bottom:1px solid var(--light);margin:16px 0 10px;padding-bottom:5px;font-size:11.5px;font-weight:700}.fee{border-bottom:1px dashed var(--soft);justify-content:space-between;padding:5px 0;font-size:13px;display:flex}.fee.total{color:var(--slate);border-bottom:none;padding-top:8px;font-weight:700}.timeline{list-style:none}.timeline li{border-left:2px solid var(--light);margin-left:4px;padding:7px 0 7px 16px;font-size:12.5px;position:relative}.timeline li:before{content:"";background:var(--steel);border-radius:50%;width:8px;height:8px;position:absolute;top:12px;left:-5px}.timeline li b{color:var(--slate)}.timeline li span{color:var(--steel);font-size:11.5px;display:block}.obgrid{flex-direction:column;gap:12px;display:flex}.obrow{background:var(--white);border:1px solid var(--light);border-radius:8px;padding:14px 18px}.obrow .obtop{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.obrow .obtop b{font-size:14px}.obrow .obtop .m{color:var(--steel);margin-left:8px;font-size:12px}.gates{flex-wrap:wrap;gap:5px;display:flex}.gate{background:var(--soft);color:#777;border:1px solid var(--light);border-radius:3px;padding:4px 8px;font-size:10.5px}.gate.done{color:#4d7c39;background:#6aa84f24;border-color:#6aa84f4d}.gate.due{color:#a05c3b;background:#f5e9e4;border-color:#e8cfc2}.filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.chip{border:1px solid var(--med);background:var(--white);cursor:pointer;color:var(--ink);border-radius:16px;padding:6px 13px;font-size:12px}.chip.on{background:var(--slate);color:#fff;border-color:var(--slate)}.note{color:var(--steel);margin-top:10px;font-size:11.5px;font-style:italic}.two{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px;display:grid}.fpwrap{align-items:flex-start;gap:14px;display:flex}.fpmap{flex:1;min-width:0;padding:12px}.fptools{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.fptools input{border:1px solid var(--med);width:230px;color:var(--ink);border-radius:16px;outline:none;padding:7px 14px;font-size:12.5px}.zbtn{border:1px solid var(--med);cursor:pointer;width:30px;height:30px;color:var(--slate);background:#fff;border-radius:6px;font-size:15px;line-height:1}.legend{color:var(--ink);flex-wrap:wrap;gap:12px;margin-left:auto;font-size:11.5px;display:flex}.legend i{vertical-align:-1px;border:1px solid var(--med);border-radius:2px;width:12px;height:12px;margin-right:5px;display:inline-block}#fpsvg{border:1px solid var(--light);cursor:grab;background:#fff;border-radius:6px;width:100%;height:calc(100vh - 240px)}#fpsvg.panning{cursor:grabbing}.st{stroke:#fff;stroke-width:.7px;cursor:pointer}.st.avail{fill:#fff;fill-opacity:.94;stroke:var(--steel)}.st.held{fill:var(--med)}.st.res{fill:var(--steel)}.st.conf{fill:var(--slate)}.st.warnst{stroke:#a05c3b;stroke-width:1.8px}.st.sel{stroke:var(--ink);stroke-width:2.6px}.st.hit{stroke:var(--green);stroke-width:2.6px}.fpside{flex-direction:column;flex-shrink:0;gap:10px;width:210px;display:flex}.fpside .panel{padding:12px 14px}.fpside h3{margin-bottom:8px;font-size:11px}.fpside .note{font-size:10.5px}.fpside .fee{font-size:11.5px}.fpside .panel{margin-bottom:0}.applive{align-items:center;gap:8px;margin-top:2px;font-size:12px;font-weight:600;display:flex}.dot{background:var(--green);border-radius:50%;width:8px;height:8px}select.fsel{border:1px solid var(--med);width:100%;color:var(--ink);background:#fff;border-radius:6px;margin-top:6px;padding:7px 10px;font-size:12.5px}.btnp{background:var(--slate);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:10px;padding:8px 14px;font-size:12px}.btng{border:1px solid var(--slate);color:var(--slate);cursor:pointer;background:0 0;border-radius:6px;margin-top:10px;padding:7px 14px;font-size:12px}.toast{background:var(--ink);color:#fff;opacity:0;pointer-events:none;z-index:99;border-radius:12px;max-width:420px;padding:10px 20px;font-size:12.5px;transition:all .3s;position:fixed;top:64px;right:20px}#gsearch{z-index:120;background:#14161e73;justify-content:center;align-items:flex-start;padding-top:12vh;display:none;position:fixed;inset:0}#gsearch.open{display:flex}#gsbox{background:var(--white);border-radius:12px;width:620px;max-width:92vw;overflow:hidden;box-shadow:0 12px 40px #0000004d}#gsin{box-sizing:border-box;background:var(--white);width:100%;color:var(--ink);border:none;border-bottom:1px solid var(--light);outline:none;padding:16px 20px;font-size:15px}#gsres{max-height:46vh;overflow-y:auto}.gsrow{cursor:pointer;align-items:center;gap:10px;padding:10px 20px;font-size:13px;display:flex}.gsrow.on,.gsrow:hover{background:var(--soft)}.gsrow .k{letter-spacing:1px;color:var(--steel);text-transform:uppercase;flex-shrink:0;width:76px;font-size:10px}.gsfoot{color:var(--steel);border-top:1px solid var(--light);padding:8px 20px;font-size:11px}button:focus-visible,.chip:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--slate);outline-offset:2px}.toast.show{opacity:1}body[data-theme=canvas]{--slate:#2e3047;--steel:#6a6878;--light:#e0dcc6;--soft:#eae8d6;--med:#d5d1b8;--ink:#1d1d1b;--green:#419c78;--slate-08:#2e304714;--slate-15:#2e304724}body[data-theme=canvas] .nav button.active{border-left-color:#dfa357}body[data-theme=canvas] .avatar{color:#1d1d1b;background:#dfa357}body[data-theme=canvas] .tile .value{color:#2e3047}body[data-theme=canvas] .meter i{background:#b97f2e}body[data-theme=canvas] .track{border:1px solid #d5d1b8}body[data-theme=gulf]{--slate:#00607e;--steel:#4e8fa6;--light:#dce8ec;--soft:#eff5f7;--med:#c2d5dc;--ink:#14313c;--green:#419c78;--slate-08:#00607e12;--slate-15:#00607e24}body[data-theme=gulf] .nav button.active{border-left-color:#dfa357}#fpdetail input.fsel,#fpdetail select.fsel{box-sizing:border-box;width:100%}input.fsel,select.fsel{box-sizing:border-box}#fpdetail .btnp,#fpdetail .btng{text-align:center;width:100%;margin:8px 0 0;display:block}.ddm{border:1px solid var(--light);z-index:70;background:#fff;border-radius:10px;min-width:300px;padding:6px 0;position:fixed;top:60px;right:26px;box-shadow:0 10px 28px #00000029}.ddm div{cursor:pointer;padding:8px 16px;font-size:12.5px}.ddm div:hover{background:var(--slate-08)}#login{z-index:100;background:linear-gradient(140deg,#3d4a61,#5a6f8e 55%,#7f93ad);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lbox{background:#fff;border-radius:16px;width:380px;padding:38px 42px;box-shadow:0 24px 70px #0006}.lbox h1{letter-spacing:3px;color:var(--slate);margin-bottom:2px;font-size:19px}.lbox .sub2{letter-spacing:2px;color:var(--steel);margin-bottom:24px;font-size:11px}.lbox label{letter-spacing:.8px;text-transform:uppercase;color:var(--steel);margin:12px 0 4px;font-size:10.5px;font-weight:700;display:block}.lbox input,.lbox select{border:1px solid var(--med);width:100%;color:var(--ink);border-radius:8px;padding:10px 12px;font-size:13.5px}.lbtn{background:var(--slate);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:20px;padding:12px;font-size:14px;font-weight:700}.lbtn:hover{background:#4e6180}.llink{color:var(--steel);text-align:center;cursor:pointer;margin-top:14px;font-size:11.5px}.tgl{background:var(--med);cursor:pointer;vertical-align:middle;border-radius:9px;flex-shrink:0;width:34px;height:18px;display:inline-block;position:relative}.tgl.on{background:var(--green)}.tgl i{background:#fff;border-radius:50%;width:14px;height:14px;transition:all .18s;position:absolute;top:2px;left:2px}.tgl.on i{left:18px}.setrow{border-bottom:1px dashed var(--soft);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.setrow small{color:var(--steel);font-size:11px;display:block}.lblf{text-transform:uppercase;letter-spacing:.8px;color:var(--steel);margin-top:8px;font-size:10.5px;font-weight:600;display:block}.flowstrip{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;display:flex}.flowstrip span{background:var(--slate-15);color:var(--slate);border-radius:14px;padding:6px 12px;font-weight:600}.flowstrip b{color:var(--steel)}.zlink{color:var(--slate);cursor:pointer;font-weight:600;text-decoration:underline}.formfield{margin-bottom:10px}.formfield label{text-transform:uppercase;letter-spacing:.8px;color:var(--steel);margin-bottom:3px;font-size:10.5px;font-weight:700;display:block}.formfield input,.formfield select{border:1px solid var(--med);width:100%;color:var(--ink);background:#fff;border-radius:6px;padding:8px 10px;font-size:13px}.fsec{background:var(--soft);border-radius:8px;margin-bottom:12px;padding:12px 14px}.fsec h4{letter-spacing:1px;text-transform:uppercase;color:var(--slate);margin-bottom:8px;font-size:11px}.edlbl{letter-spacing:1px;color:var(--steel);font-size:10px;font-weight:700}.edrow{flex-wrap:wrap;align-items:center;gap:6px;width:100%;margin-bottom:6px;display:flex}.edsep{background:var(--light);flex-shrink:0;width:1px;height:22px;margin:0 8px}.eSel{border:1px solid var(--med);color:var(--ink);background:#fff;border-radius:6px;padding:6px 8px;font-size:12px}.legend input[type=color]{border:1px solid var(--med);cursor:pointer;vertical-align:-4px;background:0 0;border-radius:3px;width:17px;height:17px;margin-right:4px;padding:0}.st.poix{stroke:#fff;stroke-width:1px}#fpEditTools input{border:1px solid var(--med);color:var(--ink);border-radius:6px;outline:none;padding:6px 8px;font-size:12px}#fpsvg text{-webkit-user-select:none;user-select:none}@media (width<=900px){.tiles{grid-template-columns:repeat(2,1fr)}.grid2,.two{grid-template-columns:1fr}}@media (width<=760px){.sidebar{width:58px}.sidebar .nav button{justify-content:center;padding:12px 0}.sidebar .nav button .icon{margin:0;font-size:16px}.sidebar .nav button{font-size:0}.sidebar .nav button .icon{font-size:16px}.sidebar>div:first-child,.sidebar .edition{display:none}.tiles{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:8px;height:auto;padding:10px 14px}.drawer{width:100vw;max-width:100vw}.drawer.wide{width:100vw}.kcol{min-width:190px}#view{padding:14px}}#fpsvg rect.ovl{fill-opacity:.6;fill:#c24a44!important;stroke:#8f2f2a!important;stroke-width:2px!important}.authshell{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.authpanel{background:var(--white);border:1px solid var(--med);border-radius:10px;width:420px;max-width:100%;padding:28px 32px;box-shadow:0 1px 3px #0000000d}.authpanel h1{color:var(--slate);border-bottom:2px solid var(--gold);margin-bottom:12px;padding-bottom:8px;font-size:20px;font-weight:700}.authpanel p{color:var(--steel);margin-bottom:12px;font-size:12.5px}.authpanel input{border:1px solid var(--med);border-radius:6px;width:100%;margin-bottom:12px;padding:8px 10px;font-size:13px}.authpanel button{background:var(--slate);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:6px;padding:9px 14px;font-size:12.5px;font-weight:700}.authpanel button[disabled]{opacity:.6;cursor:default}.autherror{color:var(--warn-text);margin-bottom:10px;font-size:12.5px}