:root{--bg:#f7f8fa;--ink:#25382f;--muted:#89918e;--green:#286b50;--line:#e9ece9;--mint:#edf4ee;--white:#fff;--amber:#b1833d;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #94b99d;outline-offset:4px}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:34px;letter-spacing:-1.4px;font-weight:600;line-height:1.2}h2{font-size:18px;letter-spacing:-.4px;font-weight:600}h3{font-size:17px;letter-spacing:-.3px}p{line-height:1.65}button{border:0;background:none}strong,b{font-weight:600}small{font-size:11px}.sidebar{width:235px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:32px 20px 0;display:flex;flex-direction:column;z-index:10}.wordmark{display:flex;align-items:center;font-size:42px;line-height:1;font-weight:650;letter-spacing:-2.6px;width:max-content}.logo-symbol{font-family:Georgia,serif;font-style:italic;width:39px;height:39px;font-size:38px;letter-spacing:-7px;background:var(--green);border-radius:12px;color:white;display:flex;justify-content:center;align-items:center;padding-right:7px;margin-right:10px}.logo-dot{color:#6b9575}.workspace-label{font-size:9px;letter-spacing:1.65px;color:#a1a7a3;font-weight:650;margin:48px 12px 14px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;margin:3px 0;border-radius:7px;color:#818b84;font-size:12px;text-align:left}.nav-item svg{width:18px}.nav-item.active{color:var(--green);background:#edf4ee;font-weight:600}.nav-item:hover{background:#f4f7f4}.nav-item small{margin-left:auto;background:#e7ece7;color:#647969;min-width:21px;text-align:center;padding:3px 4px;border-radius:5px;font-size:10px}.manage-label{margin-top:31px}.sidebar-bottom{margin-top:auto}.sidebar-note{margin:30px 12px;color:#557161;font-size:12px;line-height:1.9}.sidebar-note>span:not(.tiny-dot){color:#98a098;font-size:11px}.tiny-dot{display:inline-block;width:6px;height:6px;background:#65a878;border-radius:50%;margin-right:5px;vertical-align:middle}.account{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:20px 0;width:100%;text-align:left}.account strong,.account small{display:block;font-size:11px}.account small{color:var(--muted);font-size:10px;margin-top:4px}.account>svg{margin-left:auto;color:#929a94}.workspace{margin-left:235px}.topbar{height:76px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 38px;font-size:11px}.breadcrumb{color:#8c938e}.breadcrumb-slash{color:#c1c7c2;margin:0 14px}.topbar strong{font-weight:500}.topbar-right{display:flex;align-items:center;gap:23px;color:#8b948c}.demo-tag{display:flex;align-items:center;gap:6px;font-size:10px;background:#f1f5ee;color:#6a8062;border:1px solid #e2e9dc;border-radius:20px;padding:5px 9px}.demo-tag span{width:5px;height:5px;background:#88a270;border-radius:50%}.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:7px;border-radius:6px;color:#879189}.icon-button:hover{background:#edf2ed;color:var(--green)}main{max-width:1600px;margin:auto;padding:36px 38px 40px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#8b988d;margin-bottom:10px}.page-heading p{font-size:12px;color:#909991;margin-top:10px}.greeting-dot{color:#71a781}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:550;border-radius:7px;padding:12px 17px;min-height:40px;white-space:nowrap;transition:background .15s,transform .15s}.primary{background:var(--green);color:#fff;box-shadow:0 3px 5px #163e2410}.primary:hover{background:#205a43;transform:translateY(-1px)}.secondary{background:#fff;color:#607467;border:1px solid #dfe6df}.secondary:hover{background:#f3f7f2}.full{width:100%}.text-button{display:inline-flex;align-items:center;gap:9px;color:#457057;font-size:11px;font-weight:550;padding:3px 0}.text-button:hover{color:#1d4833}.hero{position:relative;display:flex;align-items:center;overflow:hidden;border:1px solid #e0e9df;background:#eaf3eb;height:236px;border-radius:12px;padding:29px 35px;margin-bottom:25px}.hero>div:first-child{position:relative;z-index:2;min-width:48%}.hero .eyebrow{color:#668572;font-size:8px;letter-spacing:1.8px}.hero h2{font-family:Georgia,"Times New Roman",serif;font-size:32px;font-weight:400;letter-spacing:-.85px;line-height:1.12;color:#2d5541}.hero p{font-size:11px;color:#78907f;margin-top:12px;line-height:1.7}.hero .text-button{margin-top:16px;font-size:10px}.hero img{position:absolute;right:0;top:50%;transform:translateY(-50%);width:52%;height:130%;object-fit:cover;mix-blend-mode:multiply}.hero-label{position:absolute;bottom:18px;right:24px;font-size:9px;color:#789280;display:flex;align-items:center;gap:9px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:28px}.stat{padding:20px 20px 17px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0}.stat>span{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#939b93;margin-bottom:14px;gap:6px}.stat>span svg{color:#91a58d;width:17px}.stat>strong{display:block;font-size:28px;letter-spacing:-1.2px;font-weight:550;white-space:nowrap}.stat>strong small{font-size:12px;color:#a0a89f;letter-spacing:0;font-weight:400}.stat>div{font-size:9px;color:#9ba49b;margin-top:9px}.amber-text{color:#b18b50!important}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:23px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.section-head h2{font-size:15px}.section-head p{color:#9aa299;font-size:10px;margin-top:6px}.section-head>svg{color:#94a18e}.timeline-controls{display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap}.timeline-controls .icon-button{font-size:19px;padding:3px 7px}.timeline-controls select{font-size:10px;padding:7px 8px;min-height:30px;margin-left:7px;max-width:100px}.timeline-scroll{overflow-x:auto}.timeline{min-width:630px}.timeline-header{display:grid;grid-template-columns:176px 1fr;margin-bottom:12px;align-items:center}.timeline-header>span{font-size:8px;color:#a3aaa1;letter-spacing:1px}.timeline-header>div{display:grid;grid-template-columns:repeat(12,1fr);font-size:9px;color:#9aa299;text-transform:capitalize}.timeline-row{display:grid;grid-template-columns:176px 1fr;height:43px;align-items:center}.timeline-row>button{display:flex;align-items:center;gap:9px;text-align:left;padding:0}.timeline-row strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:22px;font-weight:650;flex-shrink:0;font-family:Arial,sans-serif}.brand-icon.coral{background:#fbeceb;color:#d94b51}.brand-icon.green{background:#e7f5e9;color:#27975b}.brand-icon.blue{background:#eaf1fb;color:#5e86bc}.brand-icon.purple{background:#f1eafa;color:#ab67bd}.brand-icon.amber{background:#faf0df;color:#bc9959}.timeline-row .brand-icon{width:25px;height:25px;font-size:15px;border-radius:6px}.track{height:100%;position:relative;background:repeating-linear-gradient(to right,#f0f2ee 0,#f0f2ee 1px,transparent 1px,transparent 8.333333%);display:flex;align-items:center}.bar{position:absolute;border-radius:5px;height:22px;min-width:3px;padding:0 9px;overflow:hidden;text-align:left;white-space:nowrap;font-size:8px}.bar.paid{background:#b9d9bf;color:#466a4d}.bar.unpaid{background:#f2ddb2;color:#947440}.bar.future{background:repeating-linear-gradient(135deg,#eaeef0,#eaeef0 4px,#f7f9fa 4px,#f7f9fa 8px);border:1px solid #dce4e4;color:#929f9b}.bar:hover{filter:brightness(.95)}.today-line{height:100%;width:1px;border-left:1px dashed #6e8e65;position:absolute;pointer-events:none;z-index:2}.timeline-legend{display:flex;justify-content:flex-end;gap:18px;border-top:1px solid #f0f2ee;margin-top:14px;padding-top:15px;font-size:9px;color:#919b91}.timeline-legend span{display:flex;align-items:center;gap:6px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:2px}.legend-dot.green{background:#b9d9bf}.legend-dot.amber{background:#efd4a5}.legend-dot.planned{background:#e5e9eb}.legend-line{height:9px;border-left:1px dashed #6e8e65}.lower-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr);gap:25px;margin-top:29px}.count{font-size:10px;color:#8e9f8c;background:#eaf0e7;padding:3px 6px;border-radius:4px;margin-left:5px}.cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.subscription-card{padding:20px;background:white;border:1px solid var(--line);border-radius:10px;text-align:left;transition:box-shadow .18s,border-color .18s,transform .18s;min-width:0}.subscription-card:hover{border-color:#c1d4bf;box-shadow:0 6px 20px #23412609;transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:8px}.badge{display:inline-flex;align-items:center;font-size:8px;font-weight:500;border-radius:20px;padding:5px 8px;white-space:nowrap}.badge.paid{background:#edf5eb;color:#719165}.badge.due{background:#fcf3e4;color:#b08e55}.badge.planned{background:#eff0f8;color:#9494ab}.badge.ended{background:#f1f2f1;color:#9da39c}.subscription-card h3{font-size:14px;font-weight:600}.subscription-card>p{color:#9aa298;font-size:10px;margin-top:5px}.subscription-card>p>span{margin:0 5px}.card-price{margin-top:21px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.card-price>strong{font-size:23px;letter-spacing:-.8px}.card-price>span{font-size:9px;color:#8a998c}.muted{color:#aeb5ad;white-space:nowrap}.progress{height:4px;border-radius:5px;background:#f0f3ed;margin-top:17px;overflow:hidden}.progress i{display:block;background:#94bc94;height:100%;border-radius:5px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:13px;gap:7px}.avatar{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e7eee3;color:#799073;font-size:9px;font-weight:550;flex-shrink:0}.avatars{display:flex;padding-left:3px}.avatars .avatar{width:23px;height:23px;border:2px solid white;font-size:7px;margin-left:-3px}.av1{background:#f2e3d6;color:#a38568}.av2{background:#e2eaf1;color:#788ea4}.av3{background:#ece2f0;color:#9b7da7}.user-avatar{width:33px;height:33px}.card-bottom>span:last-child{font-size:8px;color:#9ba79a;display:flex;align-items:center;gap:2px}.upcoming{align-self:start;padding:22px}.due-item{display:flex;width:100%;align-items:center;gap:11px;padding:17px 0;border-bottom:1px solid #f0f2ee;text-align:left}.due-item:first-of-type{padding-top:0}.date-tile{background:#f3f6ef;width:40px;height:46px;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;color:#80916f}.date-tile b{font-size:17px;font-weight:500}.date-tile small{font-size:8px;text-transform:uppercase;margin-top:2px}.date-tile.late{background:#fbf1e5;color:#b98e62}.due-item>span:nth-child(2){flex:1}.due-item strong{display:block;font-size:11px}.due-item>span>small{display:block;color:#a5ada2;font-size:9px;margin-top:5px}.due-item>b{font-size:11px;white-space:nowrap}.upcoming>.secondary{margin-top:20px;font-size:10px}.mini-note{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:17px;font-size:8px;color:#9da999}.mini-note svg{color:#95ad8e}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;color:#a2aaa1;padding:19px 38px;max-width:1600px;margin:auto}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:25px 0}.filters{display:flex;align-items:center;gap:4px;background:#edf0ec;border-radius:7px;padding:4px;width:max-content}.filters button{font-size:11px;padding:8px 13px;color:#8a9588;border-radius:5px;white-space:nowrap}.filters button.selected{background:white;box-shadow:0 1px 4px #203c2010;color:#42643e}.search{display:flex!important;align-items:center;gap:8px;border:1px solid #e2e7df;background:white;border-radius:7px;padding:0 12px;color:#98a194;max-width:250px}.search input{border:0;padding:10px 0;background:transparent;min-width:0}.all-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.empty{text-align:center;padding:50px 20px;color:#85917f;grid-column:1/-1}.empty svg{margin-bottom:12px}.empty h3{font-size:17px}.empty p{font-size:12px;margin-top:8px}.back{margin-bottom:25px}.detail-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.detail-heading>div{display:flex;align-items:center;gap:16px}.detail-heading .brand-icon{width:56px;height:56px;font-size:31px;border-radius:14px}.detail-heading h1{font-size:29px}.detail-heading .eyebrow{font-size:8px;margin-bottom:6px}.detail-description{color:#8a9787;font-size:12px;margin:18px 0 25px;white-space:pre-wrap}.detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.date-value{font-size:24px!important}.detail-columns{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:24px;margin-top:30px}.period-card{margin-bottom:18px}.period-card h3{font-size:14px}.period-card .section-head{margin-bottom:14px}.period-dates{display:flex;gap:16px;flex-wrap:wrap;font-size:10px;color:#97a18f}.period-dates span{display:flex;gap:6px;align-items:center}.payment-row,.member-row{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid #eff2ec}.payment-row>div,.member-row>div{flex:1;min-width:0}.payment-row strong,.member-row strong{font-size:11px;display:block}.payment-row small,.member-row small{display:block;color:#9aa592;font-size:9px;margin-top:4px;overflow-wrap:anywhere}.payment-row strong small{display:inline;font-size:10px}.payment-row>b{font-size:11px;white-space:nowrap}.payment-toggle{font-size:9px;display:flex;align-items:center;gap:4px;background:#f7f3e7;color:#a29362;border:1px solid #ebe5d2;border-radius:6px;padding:7px 8px}.payment-toggle.is-paid{color:#739669;background:#eef5e9;border-color:#e2eddb}.period-actions{display:flex;gap:18px;margin-top:18px;justify-content:space-between}.period-actions .text-button{font-size:9px}.members-panel{margin-bottom:20px}.members-panel .section-head{margin-bottom:4px}.members-panel>.secondary{margin-top:18px}.hint{font-size:10px;color:#9ca593;line-height:1.8;margin-top:15px}.history-panel{margin-bottom:20px}.history-panel h2{font-size:15px}.history{margin-top:24px;max-height:520px;overflow:auto}.history>div{position:relative;border-left:1px solid #e5eadf;margin-left:4px;padding:0 0 22px 17px}.history-dot{position:absolute;left:-4px;top:5px;width:7px;height:7px;background:#c3d6b6;border:2px solid #fff;box-shadow:0 0 0 1px #d7e3cf;border-radius:50%}.history p{font-size:10px;color:#718367;line-height:1.7}.history small{font-size:8px;color:#a8b09f;display:block;margin-top:4px}.danger-text{color:#b0746c!important}.table-scroll{overflow:auto;padding:0}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}th{font-weight:500;color:#9ba490;font-size:9px;padding:18px 20px;border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.5px}td{padding:18px 20px;border-bottom:1px solid #f0f2ec}tr:last-child td{border-bottom:0}td small{display:block;color:#9da593;font-size:9px;margin-top:5px}.table-name{display:flex;align-items:center;gap:10px}.table-name .brand-icon{width:30px;height:30px;font-size:18px}.settings-panel{max-width:660px}.settings-panel>p{font-size:12px;color:#8d9986;margin:15px 0}.notice{background:#edf4e7;color:#779065;font-size:11px;padding:15px;border-radius:7px;margin:20px 0;line-height:1.7}.invite-card h2{margin-top:16px}.invite-card p{margin-top:12px;color:#98a18e;font-size:12px}.button-row{display:flex;gap:10px;margin-top:24px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);padding:13px 22px;border-radius:8px;box-shadow:0 5px 30px #17362225;background:#294c36;color:#fff;opacity:0;pointer-events:none;transition:.2s;z-index:100;font-size:12px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{padding:28px;border:1px solid #e5e9df;border-radius:14px;width:min(580px,92vw);max-height:90vh;color:var(--ink);box-shadow:0 20px 100px #1c392330}dialog::backdrop{background:#1f382c65;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.modal-heading h2{font-size:24px;letter-spacing:-.8px}.modal-heading .eyebrow{font-size:8px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #ecf0e6;margin-top:24px;padding-top:20px}label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#738269;margin-bottom:16px}input,select,textarea{width:100%;border:1px solid #dfe5d8;background:#fcfdfa;color:#42563b;border-radius:6px;padding:11px 12px;outline:none;min-height:40px;font-size:12px}input:focus,select:focus,textarea:focus{border-color:#92b47e;box-shadow:0 0 0 3px #9ebc8c15}input::placeholder,textarea::placeholder{color:#b3bbae}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-section{font-size:9px;letter-spacing:1.5px;color:#89997d;margin:22px 0 18px;border-top:1px solid #edf1e7;padding-top:22px}.form-error{font-size:11px;color:#b36458;line-height:1.7;margin:13px 0}.form-error:empty{display:none}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{position:relative;overflow:hidden;background:#eaf3eb;padding:45px 65px;display:flex;flex-direction:column;align-items:flex-start;min-height:100vh}.login-art>div{margin-top:65px;z-index:1}.login-art h1{font:46px/1.15 Georgia,serif;letter-spacing:-1.8px;color:#31553d}.login-art p{font-size:13px;color:#829679;margin-top:23px}.login-art img{width:115%;margin:-15px -7% -40px;mix-blend-mode:multiply}.login-art>small{margin-top:auto;font-size:10px;color:#8d9e86}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px}.login-form{width:360px;max-width:100%}.login-form>.eyebrow{color:#96a38b;font-size:9px}.login-form h2{font-size:36px;letter-spacing:-1.4px;margin:12px 0}.login-form>p{color:#a1aa98;font-size:13px}.login-tabs{margin:32px 0 25px;width:100%}.login-tabs button{flex:1;font-size:11px}.login-form input{padding:13px;font-size:13px;min-height:46px}.login-form label{font-size:11px;margin-bottom:20px}.login-form .primary{min-height:45px;margin-top:6px;font-size:12px}.demo-login{padding:17px 18px;border:1px solid #e1e9d9;background:#f6f9f1;border-radius:8px;margin-top:27px}.demo-login strong{font-size:11px;color:#7b946c}.demo-login p{font-size:10px;color:#93a285;margin-top:7px}.demo-login code{color:#6c865b;font-size:10px}.login-foot{text-align:center;font-size:10px!important;margin-top:27px}#code-message{color:#779660;font-size:11px;background:#f2f7ea;border-radius:6px;margin-top:12px;padding:12px;line-height:1.6}#code-message:empty{display:none}.loading{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:50px;font-weight:600;color:#426b37;letter-spacing:-2px}.loading span{font-size:12px;color:#8a9c7e;letter-spacing:0;margin-top:15px}
@media(min-width:1500px){main{padding:40px 50px}.hero{height:255px}.hero h2{font-size:36px}.stats{gap:20px}.stat{padding:23px}.stat>strong{font-size:32px}.subscription-card{padding:24px}.hero img{width:49%}}
@media(max-width:1150px){.sidebar{width:200px;padding:28px 13px 0}.workspace{margin-left:200px}.topbar{padding:0 25px}main{padding:28px 25px}.nav-item{font-size:11px;gap:9px}.stats{gap:10px}.stat{padding:17px 13px}.stat>strong{font-size:24px}.stat>span{font-size:9px}.stat>div{font-size:8px}.lower-grid{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.subscription-card{padding:17px}.card-price>span .muted{display:none}.hero{height:227px}.hero h2{font-size:29px}.hero img{width:55%;right:-5%}.all-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-columns{grid-template-columns:minmax(0,1.65fr) minmax(230px,1fr);gap:18px}.detail-columns .panel{padding:18px}.payment-row{flex-wrap:wrap}.detail-heading h1{font-size:25px}.top-date{display:none}}
@media(max-width:900px){.sidebar{width:76px;padding:25px 10px 0;align-items:center}.wordmark{font-size:0}.logo-dot{display:none}.logo-symbol{margin:0}.sidebar .workspace-label,.sidebar .nav-item span,.sidebar .nav-item small,.sidebar-note,.account>span:not(.avatar),.account>svg{display:none}.sidebar nav{width:100%;margin-top:24px}.sidebar .nav-item{justify-content:center;padding:13px}.sidebar .nav-item svg{width:20px}.sidebar-bottom{width:100%}.account{justify-content:center}.workspace{margin-left:76px}.lower-grid{grid-template-columns:1fr}.upcoming{display:block}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stat>span{font-size:10px}.stat>div{font-size:9px}.detail-columns{grid-template-columns:1fr}.detail-columns>aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-stats .date-value{font-size:18px!important}.login-art{padding:35px}.login-art h1{font-size:37px}.login-art>div{margin-top:85px}.login-art img{margin-top:40px}.login-form-wrap{padding:35px}.login-art .wordmark{font-size:40px}.login-art .logo-symbol{margin-right:10px}.page-heading h1{font-size:30px}.hero-label{display:none}.section-head{flex-wrap:wrap}.timeline-controls{margin-left:auto}}
@media(max-width:600px){.sidebar{width:100%;height:65px;inset:auto 0 0;background:#fff;padding:6px 10px;display:flex;flex-direction:row;justify-content:center;border-right:0;border-top:1px solid var(--line)}.sidebar>.wordmark,.sidebar-bottom,.sidebar nav:nth-of-type(2){display:none}.sidebar nav{display:flex;width:100%;margin:0;gap:5px;justify-content:space-around}.sidebar .nav-item{width:auto;flex:1;margin:0;padding:11px}.workspace{margin:0;padding-bottom:65px}.topbar{height:58px;padding:0 20px}.topbar-right{gap:8px}.topbar>div:first-child{font-size:10px}.topbar .breadcrumb-slash{margin:0 8px}.demo-tag{font-size:8px;padding:4px 6px}main{padding:25px 18px}.page-heading{align-items:flex-start;gap:17px;flex-wrap:wrap;margin-bottom:23px}.page-heading h1{font-size:29px}.page-heading p{font-size:11px}.page-heading>.primary{padding:10px 13px;font-size:10px}.hero{padding:25px;height:220px}.hero h2{font-size:27px}.hero .eyebrow{font-size:7px;letter-spacing:1px}.hero p{font-size:10px}.hero img{width:68%;right:-23%;height:100%;opacity:.8}.hero>div:first-child{min-width:70%}.hero .text-button{font-size:9px}.stats{gap:10px;margin-bottom:22px}.stat{padding:16px 13px}.stat>span{font-size:9px}.stat>strong{font-size:24px}.stat>strong small{font-size:10px}.stat>div{font-size:8px;line-height:1.5}.stat>span svg{width:15px}.panel{padding:18px}.section-head h2{font-size:14px}.timeline-controls{gap:4px;font-size:9px;margin-left:0}.timeline-controls select{font-size:9px}.timeline-legend{justify-content:flex-start;gap:10px;flex-wrap:wrap;font-size:8px}.timeline-header,.timeline-row{grid-template-columns:145px 1fr}.timeline{min-width:650px}.timeline-row strong{font-size:9px}.lower-grid{margin-top:24px}.cards-grid{gap:11px}.subscription-card{padding:16px 13px}.brand-icon{width:32px;height:32px;font-size:20px;border-radius:8px}.badge{font-size:7px;padding:4px 6px}.card-top{gap:5px;margin-bottom:14px}.subscription-card h3{font-size:12px;line-height:1.5}.subscription-card>p{font-size:8px}.card-price{gap:5px;margin-top:17px}.card-price>strong{font-size:22px}.card-price>span{font-size:8px}.card-bottom{flex-wrap:wrap;gap:8px}.card-bottom>span:last-child{font-size:7px}.card-bottom .avatar{width:20px;height:20px;font-size:6px}.upcoming{padding:20px}.upcoming .due-item>span>small{font-size:10px}.mini-note{font-size:9px}footer{padding:18px;font-size:8px}.list-toolbar{flex-direction:column;align-items:stretch}.filters{max-width:100%;overflow:auto}.filters button{font-size:10px;padding:8px 10px}.search{max-width:none;margin-bottom:0}.detail-heading{flex-wrap:wrap}.detail-heading>div{gap:10px;flex-wrap:wrap}.detail-heading h1{font-size:24px}.detail-heading .brand-icon{width:43px;height:43px;font-size:26px}.detail-heading .eyebrow{font-size:7px;max-width:220px}.detail-description{font-size:11px}.detail-stats{grid-template-columns:1fr}.detail-stats .stat>strong{font-size:26px}.detail-stats .date-value{font-size:26px!important}.detail-stats .stat{padding:17px}.detail-stats .stat>span{font-size:10px}.detail-stats .stat>div{font-size:10px}.detail-columns>aside{display:block}.period-card .section-head{gap:12px}.period-card h3{font-size:12px}.period-card .section-head>strong{font-size:12px}.period-dates{font-size:9px}.payment-row{gap:8px}.payment-row>div{min-width:80px}.payment-row strong{font-size:10px}.payment-toggle{font-size:8px;padding:6px}.payment-row .avatar{width:25px;height:25px;font-size:8px}.payment-row>b{font-size:10px}.period-actions{gap:12px}.period-actions .text-button{font-size:8px}.table-scroll{padding:0}th,td{padding:15px}.login-layout{display:block}.login-art{min-height:0;height:205px;padding:25px 28px}.login-art>.wordmark{font-size:34px}.login-art .logo-symbol{width:30px;height:30px;font-size:31px}.login-art>div{margin-top:22px}.login-art .eyebrow,.login-art p,.login-art>small{display:none}.login-art h1{font-size:25px;letter-spacing:-.6px;line-height:1.12}.login-art img{position:absolute;width:240px;right:-25px;bottom:-10px;margin:0}.login-form-wrap{padding:33px 26px 45px}.login-form h2{font-size:31px}.login-tabs{margin-top:24px}.login-form{width:100%}.login-foot{font-size:9px!important}.form-grid{grid-template-columns:1fr}dialog{padding:23px}.modal-heading h2{font-size:21px}.invite-card{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:600px){.sidebar nav:nth-of-type(2){display:flex;flex:3}.sidebar nav:first-of-type{flex:4}.sidebar nav{width:auto;gap:0}.sidebar .nav-item{padding:10px 6px}.sidebar .nav-item svg{width:18px}}

/* Brand Jsubscription: stesso tema della demo Filo. */
.wordmark{font-size:24px;letter-spacing:-1.1px}.logo-symbol{font-size:34px;letter-spacing:0;padding:0}.login-art .wordmark{font-size:29px}.loading{font-size:35px;letter-spacing:-1px}@media(max-width:900px){.sidebar .wordmark{font-size:0}.login-art .wordmark{font-size:24px}}

/* Rinnovi, conti e crediti, quote e guida. */
.green-text{color:#4f8a5b!important}.hero-links{display:flex;gap:22px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#607a66;background:#f1f5f0;border:1px solid #e4ebe2;border-radius:20px;padding:4px 8px;white-space:nowrap}.chip.warn{color:#9a7440;background:#fcf5e8;border-color:#f0e3c8}.row-repeat{color:#8fae95;display:inline-flex;margin-left:-3px}
.bar.forecast{background:repeating-linear-gradient(135deg,#f3f6f4,#f3f6f4 4px,#fff 4px,#fff 8px);border:1px dashed #c9d6cc;color:#7f9585}.bar.forecast.covered{background:repeating-linear-gradient(135deg,#e5f1e7,#e5f1e7 4px,#f6faf6 4px,#f6faf6 8px);border-color:#9cc5a4;color:#4e7a57}.bar.forecast.short{background:repeating-linear-gradient(135deg,#fbf0dc,#fbf0dc 4px,#fffaf1 4px,#fffaf1 8px);border-color:#e0bd7f;color:#94703a}.legend-dot.forecast{background:repeating-linear-gradient(135deg,#cfe3d3,#cfe3d3 2px,#fff 2px,#fff 4px);border:1px dashed #9cc5a4}.legend-dot.forecast.short{background:repeating-linear-gradient(135deg,#f3dcb1,#f3dcb1 2px,#fff 2px,#fff 4px);border-color:#e0bd7f}.legend-line.solid{border-left:0;width:14px;height:0;border-top:2px solid var(--green)}.legend-line.low{border-left:0;width:14px;height:0;border-top:1px dashed #c0914b}.timeline-legend.inline{border:0;margin:0;padding:0;flex-wrap:wrap}
.alert-strip{display:grid;gap:8px;margin-bottom:22px}.alert-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:#fdf8ee;border:1px solid #f1e3c6;color:#8d6d3c;border-radius:9px;padding:12px 16px;font-size:11px}.alert-item.late{background:#fcf1ea;border-color:#f0d6c6;color:#9b5f45}.alert-item>span{flex:1;line-height:1.6}.alert-item strong{color:#5f4a2c}.alert-item>b{display:flex;align-items:center;gap:5px;font-size:10px;white-space:nowrap}.alert-item:hover{filter:brightness(.98)}
.date-tile.renew{background:#eef3f7;color:#6c8397}.upcoming-label{margin:22px 0 4px}
.pay-panel{margin-bottom:20px}.pay-panel .section-head{margin-bottom:10px}.info-list>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #f0f2ee;font-size:10px}.info-list span{color:#9aa592}.info-list strong{text-align:right;font-weight:550;color:#4d6150}.info-list .text-button{font-size:10px}.credit-box{display:block;width:100%;text-align:left;margin-top:18px;background:#f7faf6;border:1px solid #e6ede4;border-radius:10px;padding:16px}.credit-box .eyebrow{margin-bottom:6px;font-size:8px}.credit-value{display:block;font-size:26px;letter-spacing:-1px;font-weight:550}.credit-box>small{display:block;color:#8d9a89;font-size:9px;margin:4px 0 10px;line-height:1.6}.link-box:hover{border-color:#c1d4bf}.button-row.tight{margin-top:12px;gap:8px;flex-wrap:wrap}.button-row.tight .primary,.button-row.tight .secondary{min-height:34px;padding:8px 12px}
.ledger-list{margin-top:10px}.ledger-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eef1eb;font-size:10px}.ledger-row:last-child{border-bottom:0}.ledger-row>span{width:46px;color:#8e9a8a;flex-shrink:0;font-size:9px;text-transform:uppercase}.ledger-row>div{flex:1;min-width:0}.ledger-row strong{display:block;font-size:10px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-row small{display:block;color:#a0aa9b;font-size:8px;margin-top:3px}.ledger-row>b{white-space:nowrap;font-size:10px}.ledger-row.short{color:#a2724a}.ledger-row.short small{color:#b88a5f}.ledger-row .icon-button{padding:4px}
.chart{position:relative;margin-top:6px}.chart svg{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y}.chart .grid{stroke:#eef1ec;stroke-width:1}.chart .axis{fill:#9ca598;font-size:10px;font-family:inherit;text-transform:capitalize}.chart .line{fill:none;stroke:var(--green);stroke-width:2;stroke-linejoin:round}.chart .area-pos{fill:#e3efe5}.chart .area-neg{fill:#f7e2c9}.chart .zero{stroke:#b9c2b7;stroke-width:1}.chart .low{stroke:#c0914b;stroke-width:1;stroke-dasharray:4 4}.chart .now{stroke:#6e8e65;stroke-width:1;stroke-dasharray:3 3}.chart .now-label{fill:#6e8e65}.chart .dot{fill:#fff;stroke:var(--green);stroke-width:2}.chart .dot.short{stroke:#c0914b}.chart .cursor{stroke:#4d6b53;stroke-width:1}.chart.compact{margin:12px -2px 0}.chart-tip{position:absolute;top:-6px;transform:translate(-50%,-100%);background:#294c36;color:#fff;border-radius:7px;padding:8px 11px;font-size:10px;pointer-events:none;white-space:nowrap;box-shadow:0 5px 20px #17362230;z-index:5}.chart-tip small{display:block;color:#bcd3c2;font-size:9px}.chart-tip strong{display:block;font-size:14px;margin:2px 0}.chart-tip span{display:block;color:#d9e6dc;font-size:9px}.chart.compact .chart-tip{top:0}
.account-card .card-price{margin-top:14px}.account-card .card-bottom .muted{font-size:9px}.section-head.spaced{margin-top:34px}.spacer{height:24px}.archived-accounts{margin-top:28px;font-size:11px;color:#7c8a79}.archived-accounts summary{cursor:pointer;margin-bottom:8px}.full-row{width:100%;text-align:left}.full-row .brand-icon{width:30px;height:30px;font-size:17px}.full-row:hover strong{color:var(--green)}
.form-grid.three{grid-template-columns:repeat(3,1fr)}.check{flex-direction:row;align-items:flex-start;gap:11px;cursor:pointer;background:#fafcf8;border:1px solid #e6ebe2;border-radius:8px;padding:12px 14px}.check input{width:17px;height:17px;min-height:0;margin:1px 0 0;accent-color:var(--green);flex-shrink:0}.check span strong{display:block;font-size:11px;color:#3f5642;font-weight:600}.check span small{display:block;font-size:10px;color:#94a08f;margin-top:3px;line-height:1.5}.check.inline{background:none;border:0;padding:0;margin:0;align-items:center;gap:6px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.choice{flex-direction:row;gap:10px;align-items:flex-start;margin:0;border:1px solid #e3e9df;border-radius:8px;padding:12px;cursor:pointer;background:#fcfdfb}.choice:has(input:checked){border-color:#94b99d;background:#f0f6f0}.choice input{width:16px;height:16px;min-height:0;margin:1px 0 0;accent-color:var(--green);flex-shrink:0}.choice strong{display:block;font-size:11px;color:#3f5642}.choice small{display:block;font-size:9px;color:#95a08f;margin-top:3px;line-height:1.5}.hint.top{margin:0 0 16px}
.quota-list{border:1px solid #e8ece4;border-radius:9px;padding:0 12px}.quota-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #f0f2ec}.quota-row:last-child{border-bottom:0}.quota-row>strong{flex:1;font-size:11px;min-width:0}.quota-row>strong small{color:#9aa592;font-weight:400}.quota-row input[type=number]{width:96px;min-height:34px;padding:7px 9px}.quota-row.off>strong,.quota-row.off input[type=number]{opacity:.45}.paid-check span{font-size:10px;color:#6f8768}.quota-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}.quota-tools .secondary{min-height:34px;padding:7px 11px;font-size:10px}.quota-sum{margin-left:auto;font-size:11px;font-weight:600;color:#4f8a5b}
.guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}.guide-toc{position:sticky;top:20px;display:flex;flex-direction:column;gap:2px;padding:20px}.guide-toc .text-button{padding:8px 0;font-size:11px;text-align:left;color:#5d7563}.guide-toc b{color:#a3b09f;font-weight:500;width:20px;font-size:9px}.guide-body{display:grid;gap:18px}.guide-section{scroll-margin-top:20px;padding:28px}.guide-section h2{font-size:21px;letter-spacing:-.6px;margin-bottom:10px}.guide-section .lead{font-size:12px;color:#6d7f6c;margin-bottom:6px}.guide-section p{font-size:12px;color:#6f7f6d}.concepts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:18px}.concepts>div{border:1px solid #e9eee6;border-radius:10px;padding:16px;background:#fbfcfa}.concepts svg{color:#6f9a78}.concepts strong{display:block;font-size:12px;margin:9px 0 4px}.concepts p{font-size:11px;line-height:1.6}.guide-demo{margin-top:22px}.demo-track{height:44px;border-radius:8px;background-color:#fbfcfa;border:1px solid #eef1ec}.demo-track .bar{cursor:default;display:flex;align-items:center}.steps{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:4px}.steps li{display:flex;gap:14px;padding:12px 0;border-bottom:1px dashed #e8ede5}.steps li:last-child{border-bottom:0}.step-n{width:28px;height:28px;border-radius:50%;background:#e8f2ea;color:var(--green);display:flex;align-items:center;justify-content:center;font-weight:650;font-size:12px;flex-shrink:0}.steps li>div>strong{font-size:12px;display:block;margin-bottom:3px}.steps p strong{font-weight:600;color:#3f5642}.steps p{font-size:11px;line-height:1.7}.tip{display:flex;gap:12px;align-items:flex-start;background:#f5f8fb;border:1px solid #e3ebf2;border-radius:9px;padding:14px 16px;margin-top:16px;color:#5e7890}.tip p{font-size:11px;color:#5e7890}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.faq-grid>div{border:1px solid #e9eee6;border-radius:10px;padding:15px}.faq-grid strong{font-size:12px}.faq-grid p{font-size:11px;margin-top:5px}.guide-section details{border-bottom:1px solid #eef1eb;padding:13px 0}.guide-section summary{cursor:pointer;font-size:12px;font-weight:550;color:#3f5642}.guide-section details p{margin-top:8px;font-size:11px}
@media(max-width:1150px){.guide-layout{grid-template-columns:1fr}.guide-toc{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
@media(max-width:600px){.form-grid.three,.choice-row,.faq-grid{grid-template-columns:1fr}.quota-row{flex-wrap:wrap}.quota-row input[type=number]{width:80px}.alert-item{flex-wrap:wrap}.alert-item>b{margin-left:29px}.guide-section{padding:20px}.detail-heading>.button-row{width:100%}.hero-links{gap:10px}.sidebar nav:first-of-type{flex:5}.sidebar nav:nth-of-type(2){flex:4}.info-list>div{flex-wrap:wrap}.info-list strong{text-align:left}}
.row-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.danger-zone{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:4px}