@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#15213a;background:#f5f7fa;font-synthesis:none;--navy: #15213a;--muted: #6c7588;--border: #e1e5ec;--blue: #3157d5;--blue-soft: #eef2ff;--green: #2f8061;--green-soft: #edf7f2;--coral: #bd6245;--coral-soft: #fdf1ed}*{box-sizing:border-box}body{margin:0;min-width:1120px;min-height:100vh;background:#f5f7fa}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;width:252px;display:flex;flex-direction:column;padding:0 14px 14px;background:#f2f4f7;border-right:1px solid var(--border)}.sidebar-top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 7px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.4px}.brand-mark{width:26px;height:26px;display:flex;align-items:end;justify-content:center;gap:2px;padding:5px;border-radius:7px;background:var(--navy)}.brand-mark span{width:3px;border-radius:3px;background:#fff}.brand-mark span:nth-child(1){height:7px}.brand-mark span:nth-child(2){height:14px}.brand-mark span:nth-child(3){height:10px}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;cursor:pointer;color:#677187}.icon-button:hover{background:#e7eaf0;color:var(--navy)}.search-button{height:40px;display:flex;align-items:center;gap:9px;width:100%;padding:0 10px;border:1px solid #dde1e8;border-radius:8px;background:#fff;color:#7a8496;font-size:13px;cursor:pointer;box-shadow:0 1px 1px #141f3605}.search-button span{flex:1;text-align:left}kbd{font-family:inherit;font-size:11px;color:#8a93a2}.nav-label{margin:26px 9px 8px;color:#8a93a4;font-size:10px;font-weight:700;letter-spacing:.11em}.main-nav{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;height:38px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:#626d81;font-size:13px;font-weight:500;cursor:pointer}.nav-item:hover,.nav-item.active{background:#e7eaf0;color:var(--navy)}.portfolio-header{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.portfolio-header .nav-label{margin-bottom:3px}.portfolio-subtitle{margin-left:9px;color:#939baa;font-size:11px}.project-tree{margin-top:12px;display:grid;gap:3px}.project-row{position:relative;display:grid;grid-template-columns:15px 8px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:52px;padding:7px 9px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;cursor:pointer}.project-row:hover{background:#e9ecf1}.project-row.selected{background:#fff;border-color:#dde2eb;box-shadow:0 2px 8px #1822370a}.project-row.child{padding-left:22px;grid-template-columns:2px 8px minmax(0,1fr) auto}.project-row.child:before{content:"";position:absolute;left:15px;top:-7px;bottom:50%;width:8px;border-left:1px solid #ccd2dc;border-bottom:1px solid #ccd2dc;border-radius:0 0 0 5px}.project-dot{width:7px;height:7px;border-radius:50%}.project-meta{display:grid;min-width:0}.project-meta strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600}.project-meta small{margin-top:2px;color:#9aa2b0;font-size:10px}.project-row>span:last-child{font-size:10px;font-weight:600}.positive{color:var(--green)!important}.negative{color:var(--coral)!important}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border)}.account{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;padding:14px 8px 0;margin-top:6px;border-top:1px solid var(--border)}.avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#dfe5f4;color:#3451a0;font-size:11px;font-weight:700}.account strong,.account span{display:block;font-size:11px}.account span{margin-top:2px;color:#9098a7;font-size:10px}.workspace{flex:1;min-width:0;margin-left:252px;background:#fff;transition:margin-right .2s ease}.workspace:has(+.inspector){margin-right:360px}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--border);background:#fff}.project-title{display:flex;align-items:center;gap:10px}.project-color{width:9px;height:34px;border-radius:5px}.project-title>div{min-width:175px}.project-title span{color:#8b94a4;font-size:10px;font-weight:600;letter-spacing:.06em}.project-title h1{margin:1px 0 0;font-size:15px;letter-spacing:-.1px}.topbar-actions{display:flex;align-items:center;gap:9px}.date-button,.secondary-button{height:36px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:#586276;font-size:12px;font-weight:600;cursor:pointer}.primary-button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 14px;border:0;border-radius:8px;background:var(--blue);color:#fff;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 3px 8px #3157d52e}.primary-button:hover{background:#284bc0}.content-header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid #edf0f4}.content-header h2{margin:0;font-size:22px;letter-spacing:-.55px}.content-header p{margin:6px 0 0;color:var(--muted);font-size:12px}.view-switch{display:flex;padding:3px;border-radius:9px;background:#f0f2f5}.view-switch button{height:31px;display:flex;align-items:center;gap:7px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:#717b8e;font-size:11px;font-weight:600;cursor:pointer}.view-switch button.active{background:#fff;color:var(--navy);box-shadow:0 1px 4px #18223717}.canvas{min-height:calc(100vh - 176px);padding:28px 5vw 90px;background:#fff}.summary{width:min(600px,72%);margin:0 auto 42px;display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 6px 20px #1b27400d}.summary>div{padding:13px 18px;border-right:1px solid var(--border)}.summary>div:last-child{border:0}.summary span,.summary strong{display:block}.summary span{margin-bottom:4px;color:#8790a1;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.summary strong{font-size:14px}.summary-balance{background:#f7f8fb;border-radius:0 9px 9px 0}.timeline{position:relative;max-width:860px;margin:0 auto;padding-bottom:50px}.timeline:before{content:"";position:absolute;top:37px;bottom:0;left:50%;width:1px;background:#d9dee7}.timeline-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:16px}.timeline-head>span{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.12em}.cash-in-label{justify-content:flex-end;color:var(--green);padding-right:18px}.cash-out-label{color:var(--coral);padding-left:18px}.month-group{position:relative;padding-top:49px}.month-marker{position:absolute;z-index:1;top:5px;left:50%;width:76px;transform:translate(-50%);padding:5px 4px;background:#fff;text-align:center}.month-marker span,.month-marker small{display:block}.month-marker span{font-size:11px;font-weight:700;text-transform:capitalize}.month-marker small{margin-top:1px;color:#9aa2b1;font-size:9px}.timeline-row{display:grid;grid-template-columns:minmax(240px,1fr) 54px minmax(240px,1fr);min-height:120px}.timeline-side{display:flex;align-items:flex-start}.timeline-side.left{justify-content:flex-end;padding-right:18px}.timeline-side.right{justify-content:flex-start;padding-left:18px}.timeline-axis{position:relative;display:flex;justify-content:center}.node{position:relative;z-index:2;width:11px;height:11px;margin-top:25px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #cfd5df}.node.in{background:var(--green)}.node.out{background:var(--coral)}.event-card{width:min(100%,292px);padding:13px 14px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.event-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #19243a14}.event-card.in{border-left:3px solid #7bae99}.event-card.out{border-right:3px solid #d8967f}.event-card.selected{border-color:#6e86dd;box-shadow:0 0 0 3px #eef1fc,0 8px 22px #19243a17}.event-card-top,.event-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.event-card-top{color:#8b94a5;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.event-card>strong{display:block;margin:9px 0 12px;font-size:13px}.event-card-bottom span{color:#727d90;font-size:10px}.event-card-bottom b{font-size:12px}.event-card.in .event-card-bottom b{color:var(--green)}.event-card.out .event-card-bottom b{color:var(--coral)}.linked-project{display:flex;align-items:center;gap:5px;margin-top:10px;padding-top:9px;border-top:1px solid #edf0f3;color:#526ba9;font-size:9px;font-weight:600}.empty-state{display:grid;place-items:center;max-width:400px;margin:100px auto;text-align:center;color:#8791a3}.empty-state h3{margin:14px 0 5px;color:var(--navy);font-size:16px}.empty-state p{margin:0;font-size:12px}.table-wrap{max-width:1050px;margin:0 auto;overflow:hidden;border:1px solid var(--border);border-radius:10px}table{width:100%;border-collapse:collapse;font-size:12px}th{padding:12px 14px;background:#f7f8fa;color:#7d8798;font-size:9px;letter-spacing:.08em;text-align:left;text-transform:uppercase}td{padding:14px;border-top:1px solid #edf0f3;color:#636e82;cursor:pointer}td strong{color:var(--navy)}tr:hover td,.selected-row td{background:#f7f9ff}.align-right{text-align:right;font-weight:600}.type-label{display:inline-flex;padding:4px 7px;border-radius:5px;font-size:10px;font-weight:600}.type-label.in{background:var(--green-soft);color:var(--green)}.type-label.out{background:var(--coral-soft);color:var(--coral)}.inspector{position:fixed;inset:0 0 0 auto;z-index:10;width:360px;display:flex;flex-direction:column;background:#fff;border-left:1px solid var(--border);box-shadow:-12px 0 30px #161f3214}.inspector-header{min-height:89px;display:flex;align-items:flex-start;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--border)}.inspector-header span{color:#8791a3;font-size:9px;font-weight:700;letter-spacing:.1em}.inspector-header h2{margin:7px 0 0;font-size:16px;letter-spacing:-.2px}.form-body{flex:1;overflow-y:auto;padding:20px}.form-body label{display:grid;gap:7px;margin-bottom:17px}.form-body label>span,fieldset legend{color:#566175;font-size:10px;font-weight:700}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,select,textarea{width:100%;border:1px solid #dce1e9;border-radius:8px;outline:none;background:#fff;color:var(--navy);font-size:12px}input,select{height:38px;padding:0 10px}textarea{padding:10px;resize:vertical;line-height:1.5}input:focus,select:focus,textarea:focus{border-color:#8195dd;box-shadow:0 0 0 3px #f0f2fc}.money-input{position:relative}.money-input input{padding-right:43px}.money-input span{position:absolute;right:10px;top:12px;color:#949cab;font-size:10px;font-weight:600}fieldset{margin:0 0 17px;padding:0;border:0}fieldset legend{margin-bottom:7px}.type-switch{display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:9px;background:#f0f2f5}.type-switch button{height:34px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:7px;background:transparent;color:#757f91;font-size:11px;font-weight:600;cursor:pointer}.type-switch button.active{background:#fff;box-shadow:0 1px 4px #1822371a}.type-switch button.active.in{color:var(--green)}.type-switch button.active.out{color:var(--coral)}.field-help{margin-top:-2px;color:#929aaa;font-size:9px;line-height:1.45}.inspector-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;border-top:1px solid var(--border);background:#fafbfc}.inspector-footer>div{display:flex;gap:8px}.delete-button{display:flex;align-items:center;gap:6px;height:34px;padding:0 8px;border:0;background:transparent;color:var(--coral);font-size:11px;font-weight:600;cursor:pointer}@media(max-width:1280px){.sidebar{width:224px}.workspace{margin-left:224px}.canvas{padding-inline:24px}.timeline-row{grid-template-columns:minmax(215px,1fr) 44px minmax(215px,1fr)}.event-card{width:250px}}@media(max-width:900px){body{min-width:0}.sidebar{display:none}.workspace{margin-left:0}.workspace:has(+.inspector){margin-right:0}.topbar{padding:0 16px}.date-button,.topbar-actions>.icon-button{display:none}.content-header{padding:0 18px}.content-header p{display:none}.canvas{padding:20px 14px 70px}.summary{width:100%;margin-bottom:28px}.summary>div{padding:11px}.summary strong{font-size:11px}.timeline:before{left:18px}.timeline-head{display:none}.month-marker{left:18px}.timeline-row{display:block;min-height:0;padding:0 0 16px 50px}.timeline-side{display:block;padding:0!important}.timeline-side:empty{display:none}.timeline-axis{position:absolute;left:13px}.node{margin-top:24px}.event-card{width:100%;max-width:none;border-right:1px solid var(--border)!important;border-left-width:3px!important}.inspector{width:min(100%,390px)}}