:root{color-scheme:light;--forest:#163d33;--forest-deep:#102d26;--forest-soft:#e8efea;--gold:#b89860;--gold-light:#f0e2c6;--bg:#f6f7f3;--surface:#fff;--ink:#26392f;--muted:#819086;--line:#e5eae4;--danger:#bd5c4f;--danger-soft:#ffede9;--success:#2e8763;--success-soft:#e4f5ec;--amber:#ae7f37;--amber-soft:#fff3db;--shadow:0 12px 35px rgba(20,52,39,.05);font-family:Inter,'Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}a{color:inherit}svg{display:block}.hidden{display:none!important}:focus-visible{outline:3px solid #a7c7af;outline-offset:2px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--gold)}
/* Authentication */
.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.login-visual{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 15%,#2c624d 0,transparent 30%),linear-gradient(150deg,#153c32,#09211d 82%);min-height:640px}.login-visual:after{content:'';position:absolute;inset:0;opacity:.16;background-image:radial-gradient(#bfa16e 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(to bottom,transparent,black)}.orb{position:absolute;border:1px solid rgba(221,194,137,.16);border-radius:50%}.orb-one{width:600px;height:600px;left:-240px;bottom:-280px}.orb-two{width:500px;height:500px;right:-310px;top:-220px}.visual-content{position:relative;z-index:1;height:100%;max-width:650px;padding:clamp(45px,7vw,105px);display:flex;flex-direction:column;justify-content:center}.symbol-large{color:#d8bb82;width:143px;height:143px;margin-bottom:53px}.visual-caption{font-size:12px;text-transform:uppercase;letter-spacing:.22em;font-weight:650;color:#d6bd8e}.visual-content h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(34px,3.2vw,57px);line-height:1.18;letter-spacing:-.035em;margin:25px 0}.visual-content p{max-width:430px;color:#bdcec6;line-height:1.8;font-size:16px}.visual-bottom{margin-top:auto;color:#a7c6b7;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;display:flex;gap:12px;align-items:center}.visual-bottom span{color:var(--gold)}.login-panel{display:flex;align-items:center;justify-content:center;padding:55px 45px;background:#fafbf8}.login-panel-inner{max-width:390px;width:100%}.login-mobile-brand{display:none}.login-panel h1{font-family:Georgia,serif;font-weight:400;color:#173f34;font-size:clamp(39px,4vw,58px);line-height:1.12;letter-spacing:-.04em;margin:17px 0 20px}.login-subtitle{font-size:14px;color:#819088;line-height:1.8;margin-bottom:42px}.login-panel label{display:block;margin:24px 0 9px;font-size:12px;font-weight:750;color:#304b3f}.login-panel input{border:1px solid #dce5dd;background:#fff;border-radius:11px;padding:16px;width:100%;height:52px;outline:none;font-size:14px;transition:.2s}.login-panel input:focus{border-color:#78a78b;box-shadow:0 0 0 3px #e6f3e9}.password-wrap{position:relative}.password-wrap input{padding-right:90px}.password-toggle{border:0;background:transparent;color:#668572;position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:750}.login-button{width:100%;height:53px;display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding:0 22px}.login-help{font-size:12px;color:#8a968d;line-height:1.7;margin-top:27px}.login-footer{border-top:1px solid #e6ece5;display:flex;justify-content:space-between;font-size:11px;color:#9aa69c;margin-top:60px;padding-top:20px}.login-footer span{font-weight:750}.form-message{background:var(--danger-soft);border:1px solid #f3cec8;color:#9d4c43;padding:12px 14px;font-size:12px;border-radius:9px;line-height:1.5;margin-top:17px}
/* Shell / Nav */
.app-shell{min-height:100dvh;display:grid;grid-template-columns:252px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100dvh;background:var(--forest-deep);display:flex;flex-direction:column;padding:33px 16px 23px;color:#e6f3e9;overflow-y:auto;z-index:30}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 10px 43px}.brand-mark{height:44px;width:44px;flex-shrink:0;color:#ddbc83}.sidebar-brand strong{display:block;font:23px Georgia,serif;font-weight:400;letter-spacing:-.02em}.sidebar-brand small{color:#bdcdbf;font-size:10px;letter-spacing:.11em;text-transform:uppercase}.sidebar-caption{font-size:10px;font-weight:750;letter-spacing:.14em;color:#799b88;padding:0 17px;margin-bottom:16px}.nav-links{display:flex;flex-direction:column;gap:5px}.nav-link{border:0;border-radius:10px;background:transparent;color:#b7cec2;display:flex;align-items:center;gap:12px;width:100%;padding:13px 14px;text-align:left;font-size:13px;font-weight:550;transition:.17s}.nav-link:hover{background:#244d3c;color:#fff}.nav-link.active{background:#2b5947;color:white;box-shadow:inset 3px 0 0 #cfae74}.nav-link svg{width:18px;height:18px;flex-shrink:0}.sidebar-bottom{margin-top:auto;padding-top:36px}.sidebar-house{padding:15px 12px;margin-bottom:16px;border:1px solid #35594a;border-radius:11px;display:flex;gap:12px;align-items:center}.sidebar-house-icon{color:#d4ba86;font-size:22px}.sidebar-house span{display:block;color:#8eaa9b;font-size:10px}.sidebar-house strong{display:block;font-size:12px;font-weight:600;margin-top:4px}.logout-button{color:#b9cdbf;background:none;border:0;padding:12px 15px;text-align:left;font-size:13px;width:100%}.logout-button span{font-size:19px;margin-right:10px}.logout-button:hover{color:#fff}.sidebar-version{color:#688776;letter-spacing:.12em;font-size:9px;padding:25px 15px 0}.workspace{min-width:0;display:flex;flex-direction:column;min-height:100dvh}.topbar{height:88px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(20px,3.5vw,52px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:21px}.topbar-overline{font-size:9px;color:#a3a59a;letter-spacing:.14em;font-weight:750;margin-bottom:7px}.topbar-title{font-size:15px;font-weight:800;color:var(--forest)}.connection-label{display:flex;align-items:center;gap:8px;color:#697d70;font-size:11px;font-weight:600}.connection-dot{height:7px;width:7px;background:#68b58a;border-radius:50%;box-shadow:0 0 0 4px #e8f5eb}.current-date{color:#8b988d;font-size:12px}.user-avatar{background:#e2eadf;color:var(--forest);border-radius:50%;height:36px;width:36px;display:grid;place-items:center;font-size:15px;font-weight:800}.mobile-menu{display:none}.icon-button{border:1px solid var(--line);background:white;border-radius:10px;padding:9px 11px;color:var(--forest)}.content{flex:1;width:100%;max-width:1530px;margin:0 auto;padding:36px clamp(20px,3.5vw,52px) 52px}.workspace-footer{display:flex;justify-content:space-between;gap:8px;padding:17px clamp(20px,3.5vw,52px);color:#a2ada5;border-top:1px solid var(--line);font-size:11px}
/* Global UI */
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:29px}.page-head h1{font:normal clamp(30px,3vw,39px) Georgia,serif;color:var(--forest);letter-spacing:-.03em;margin:9px 0 7px}.page-head p{color:#849187;font-size:13px;line-height:1.6;margin:0}.page-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:800;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;transition:.18s;white-space:nowrap}.btn:hover{filter:brightness(.96)}.btn-primary{background:var(--forest);color:#fff;box-shadow:0 7px 17px rgba(31,83,59,.11)}.btn-primary:hover{background:#295947}.btn-outline{border-color:#dfe6df;color:var(--forest);background:#fff}.btn-soft{border-color:#e0e9df;color:var(--forest);background:#eff4ec}.btn-danger{border-color:#e9c0bb;color:#ad554c;background:#fff6f4}.btn-small{padding:9px 12px;font-size:11px}.btn svg{height:15px;width:15px}.muted{color:#8a988e}.loading-state{padding:40px 15px;color:#769280;text-align:center}.surface-card{background:var(--surface);border:1px solid #e7ece7;border-radius:15px;box-shadow:var(--shadow)}.label-small{font-size:10px;font-weight:800;letter-spacing:.15em;color:#a2a99e;text-transform:uppercase}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:22px 24px;border-bottom:1px solid #edf1eb}.section-title h2{font-size:15px;margin:0;color:#294739}.section-title p{color:var(--muted);font-size:12px;margin:4px 0 0}.link-button{border:0;background:none;color:#3d7357;font-size:11px;font-weight:800}.link-button:hover{text-decoration:underline}.empty-state{text-align:center;padding:47px 20px;color:#89998d}.empty-state svg{width:30px;height:30px;color:#8cae97;margin:auto auto 12px}.empty-state h3{font-size:14px;margin:0 0 6px;color:#506c59}.empty-state p{margin:0 auto 15px;max-width:370px;font-size:12px;line-height:1.6}.empty-state .btn{margin-top:6px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:800;line-height:1.3;background:#f0f3ef;color:#6f8171;white-space:nowrap}.badge.success{color:#287b55;background:var(--success-soft)}.badge.warning{color:#a37427;background:var(--amber-soft)}.badge.danger{color:#aa5a4a;background:var(--danger-soft)}.badge.info{color:#4978a4;background:#ecf4fc}.badge.neutral{background:#edf1ed;color:#6e8072}.divider{height:1px;background:var(--line)}.field-hint{font-size:11px;color:#8fa095}.text-strong{font-weight:760;color:#2c4938}.small-note{font-size:11px;color:#8ca092;line-height:1.65}
/* Dashboard */
.welcome-banner{background:linear-gradient(110deg,#173c30,#255841);border-radius:15px;color:white;padding:28px 34px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;position:relative;overflow:hidden}.welcome-banner:after{content:'✳';position:absolute;right:88px;top:-74px;font-size:230px;color:#fff;opacity:.045;pointer-events:none}.welcome-banner h2{font:normal 28px Georgia,serif;letter-spacing:-.02em;margin:10px 0}.welcome-banner p{font-size:12px;color:#bdd1c3;line-height:1.6;margin:0}.welcome-banner .eyebrow{color:#d7bd90}.banner-icon{border:1px solid #557e64;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;color:#dbc38e;font-size:35px;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.stat-card{padding:21px 23px;min-height:139px}.stat-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.stat-label{color:#7a8d7f;font-size:11px;font-weight:700}.stat-icon{display:grid;place-items:center;background:#eaf1e9;color:#5f896e;border-radius:9px;width:34px;height:34px}.stat-icon svg{width:18px;height:18px}.stat-value{color:#2a4b37;font-size:29px;font-weight:760;letter-spacing:-.04em;line-height:1.2}.stat-caption{color:#a0ab9f;font-size:10px;margin-top:5px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:20px}.schedule-item{display:flex;align-items:center;gap:13px;padding:16px 23px;border-bottom:1px solid #f0f2ec}.schedule-item:last-child{border-bottom:0}.schedule-date{width:47px;min-width:47px;text-align:center;background:#edf2e9;border-radius:9px;padding:8px 3px}.schedule-date strong{color:var(--forest);font-size:18px;display:block;line-height:1.1}.schedule-date span{font-size:10px;color:#7a8e80;text-transform:uppercase;font-weight:750}.schedule-details{flex:1;min-width:0}.schedule-details strong{font-size:12px;color:#355342;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-details span{font-size:10px;color:#9aa89c;margin-top:5px;display:block}.quick-actions{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-tile{border:1px solid var(--line);border-radius:11px;background:#fbfcfa;text-align:left;padding:15px 12px;display:flex;align-items:center;gap:9px;color:#41604c;font-size:11px;font-weight:750}.quick-tile:hover{background:var(--forest-soft);border-color:#b7ccbd}.quick-tile svg{width:18px;height:18px;color:#7a9b7e}.finance-summary{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;gap:12px;border-bottom:1px solid #eff2ed}.finance-summary:last-child{border-bottom:0}.finance-summary span{font-size:11px;color:#89998d;display:block;margin-bottom:5px}.finance-summary strong{font-size:20px;color:#2d533f}.finance-summary strong.outflow{color:#b15e4b}.hint-line{display:flex;align-items:center;gap:7px;font-size:11px;color:#8b9d8d}.hint-line svg{height:15px;width:15px}
/* Lists */
.list-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:17px 19px;margin-bottom:17px}.search-wrap{display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #e1e9e0;border-radius:9px;background:#fff;min-width:180px;flex:1;max-width:460px}.search-wrap svg{height:16px;width:16px;color:#98a99c}.search-wrap input{border:0;outline:0;background:transparent;height:40px;width:100%;font-size:12px;color:var(--ink)}.list-count{font-size:11px;font-weight:700;color:#9ca79e}.record-list{padding:0}.record-row{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid #eff2ed}.record-row:last-child{border-bottom:0}.record-icon{height:42px;width:42px;border-radius:11px;background:#e9f0e8;color:#5c8568;display:grid;place-items:center;flex-shrink:0}.record-icon svg{width:20px;height:20px}.record-info{flex:1;min-width:0}.record-info h3{font-size:13px;font-weight:800;color:#304d3b;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-info p{font-size:11px;color:#91a092;margin:0;line-height:1.5}.record-meta{display:flex;align-items:center;gap:9px}.record-actions{display:flex;gap:5px;margin-left:6px}.record-action{border:1px solid transparent;background:transparent;border-radius:8px;padding:8px;color:#8ba193}.record-action:hover{background:#f0f4ed;color:var(--forest)}.record-action.delete:hover{color:#ab5046;background:#faefec}.record-action svg{height:16px;width:16px}.list-footer{padding:13px 23px;background:#fcfdfa;color:#9aaa9a;font-size:11px;border-radius:0 0 14px 14px}.group-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:24px 0 15px}.group-head h2{margin:0;color:#31523d;font:normal 22px Georgia,serif}.filters-caption{font-size:12px;color:#9ca99b}.pills{display:flex;gap:7px;flex-wrap:wrap}.pill{border:1px solid #dde8df;background:#fff;color:#718f78;padding:8px 12px;border-radius:99px;font-size:11px;font-weight:700}.pill.active{background:var(--forest);color:#fff;border-color:var(--forest)}
/* Calendar */
.calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.37fr);gap:20px}.calendar-card{padding:19px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.calendar-header h2{font-size:18px;color:var(--forest);font-family:Georgia,serif;font-weight:400;margin:0;text-transform:capitalize}.month-controls{display:flex;gap:7px}.month-controls button{height:31px;width:31px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--forest)}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-weekday{color:#98a99d;font-size:10px;font-weight:750;text-align:center;padding:8px 0 14px}.calendar-day{background:#fbfcfa;border:1px solid #eef2ec;border-radius:8px;min-height:78px;text-align:left;padding:9px 7px;font-size:11px;position:relative;display:flex;flex-direction:column;gap:6px;color:#6c7e70}.calendar-day.other{opacity:.35}.calendar-day.today{background:#eef6ed;border-color:#b6cfb7}.calendar-day .day-number{font-weight:800}.calendar-day.has-events{cursor:pointer}.calendar-day.has-events:hover{border-color:#95b49b}.event-dot{height:5px;width:5px;border-radius:50%;background:#c6a66d;display:inline-block;margin-right:4px}.event-preview{color:#4d785e;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.agenda-list .schedule-item{padding:14px 17px}.agenda-list .section-title{padding:20px}.calendar-notes{padding:16px;color:#8d9c8e;font-size:11px;line-height:1.6}.calendar-day.selected{outline:2px solid #9fbe9c}
/* Settings */
.settings-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px}.settings-block{padding:26px}.settings-block h2{font:normal 23px Georgia,serif;color:var(--forest);margin:0 0 10px}.settings-block p{font-size:12px;color:#8fa092;line-height:1.7}.settings-row{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ecf1ec;padding:14px 0;font-size:12px}.settings-row:last-child{border:0}.settings-row span{color:#91a192}.settings-row strong{font-weight:750;text-align:right;overflow-wrap:anywhere}.settings-icon{background:#e8f1e8;display:grid;place-items:center;color:#6e9676;border-radius:12px;height:45px;width:45px;margin-bottom:19px}.settings-icon svg{width:23px;height:23px}
/* Modal */
.record-dialog{border:0;padding:0;max-width:min(650px,calc(100% - 28px));width:100%;max-height:min(92dvh,900px);border-radius:17px;box-shadow:0 25px 95px rgba(2,24,14,.3);color:var(--ink)}.record-dialog::backdrop{background:rgba(5,25,17,.68);backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 28px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:5px 0 0;font:normal 26px Georgia,serif;color:var(--forest)}.dialog-close{background:#f1f5ee;border:0;border-radius:8px;height:36px;width:36px;color:var(--forest);font-size:22px}.dialog-body{padding:24px 28px;max-height:calc(92dvh - 185px);overflow-y:auto}.dialog-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-field.full{grid-column:1/-1}.form-field label{display:block;font-size:11px;font-weight:800;color:#48614e;margin-bottom:8px}.form-field .required{color:#bb6b50}.form-field input,.form-field select,.form-field textarea{display:block;width:100%;min-width:0;background:#fff;border:1px solid #dfe7dc;border-radius:9px;padding:11px 12px;font-size:12px;color:#304a3a;outline:none}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#83aa90;box-shadow:0 0 0 3px #e7f1e7}.form-field input,.form-field select{height:43px}.form-field textarea{min-height:92px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:16px 28px;border-top:1px solid var(--line);background:#fbfcfa}.dialog-errors{margin:15px 0 0;color:#a35444;background:#faece8;border-radius:8px;padding:10px;font-size:12px}.toast-region{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{background:#143b2d;color:#fff;padding:14px 18px;border-radius:11px;box-shadow:0 10px 32px #173c3030;max-width:380px;font-size:12px;line-height:1.6;border-left:4px solid #b6c69b;pointer-events:auto}.toast.error{background:#823c34;border-left-color:#f4b9ab}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.calendar-layout,.settings-grid{grid-template-columns:1fr}.topbar-right .connection-label{display:none}}@media(max-width:760px){.login-shell{display:block}.login-visual{display:none}.login-panel{min-height:100dvh;padding:40px 26px}.login-mobile-brand{display:flex;align-items:center;gap:9px;font:19px Georgia,serif;color:var(--forest);margin-bottom:68px}.small-leaf{display:grid;place-items:center;border-radius:10px;background:var(--forest);color:#d7bb81;width:32px;height:32px;font-size:20px}.login-panel h1{font-size:44px}.login-footer{margin-top:56px}.app-shell{display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;transform:translateX(-102%);transition:transform .23s;box-shadow:12px 0 30px #17332720}.sidebar.open{transform:translateX(0)}.mobile-shade{position:fixed;z-index:25;inset:0;background:#061b12aa}.mobile-menu{display:inline-flex}.topbar{height:73px;padding:0 18px}.topbar-overline{font-size:8px}.topbar-title{font-size:13px}.current-date{display:none}.topbar-right{gap:9px}.content{padding:24px 16px 40px}.page-head{align-items:flex-start}.page-head h1{font-size:29px}.page-head-actions .btn{padding:10px 12px}.stats-grid{gap:10px}.stat-card{padding:17px;min-height:130px}.stat-value{font-size:25px}.stat-icon{width:29px;height:29px}.stat-icon svg{width:16px}.welcome-banner{padding:24px 22px}.welcome-banner h2{font-size:24px}.banner-icon{display:none}.record-row{padding:15px;gap:10px;flex-wrap:wrap}.record-icon{height:35px;width:35px}.record-meta{margin-left:45px;order:3;flex:1}.record-actions{margin-left:auto}.record-info{flex-basis:60%}.record-info h3{font-size:12px}.list-toolbar{padding:12px}.calendar-day{min-height:59px;padding:7px 3px}.event-preview{font-size:8px}.calendar-weekday{font-size:9px}.calendar-card{padding:11px}.dialog-form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.dialog-head,.dialog-body,.dialog-actions{padding-left:19px;padding-right:19px}.dialog-head h2{font-size:23px}.workspace-footer{padding:15px;font-size:10px}.toast-region{left:16px;right:16px;bottom:16px}.toast{max-width:none}}@media(max-width:380px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-label{font-size:10px}.stat-value{font-size:22px}.page-head{display:block}.page-head-actions{margin-top:15px}.quick-actions{grid-template-columns:1fr 1fr;padding:12px}.topbar-right .user-avatar{height:30px;width:30px}}

.mt20{margin-top:20px}.mt18{margin-top:18px}.mt9{margin-top:9px}.text12{font-size:12px}

/* v1.1 — mensalidades, publicações e cobrança Pix */
.monthly-generator{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:20px 24px}
.monthly-generator>div{flex:1;min-width:210px}.monthly-generator strong{font-weight:700}.monthly-generator p,.publication-hint{color:var(--muted,#60746c);font-size:13px;line-height:1.6}
.monthly-generator label{font-size:12px;font-weight:700}.monthly-generator input,.billing-form input{border:1px solid #d4ddd7;background:#fff;color:#183c30;border-radius:9px;padding:11px;font:inherit;max-width:100%;min-width:0}
.monthly-generator input{width:170px}.publication-hint{padding:15px 22px;margin-bottom:20px}.publication-hint strong{color:#143e2d}
.publication-hint a{color:#1e6f57;text-decoration:underline}
.billing-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.billing-form .form-field{display:flex;flex-direction:column;gap:6px}.billing-form .full{grid-column:1/-1}.billing-form .form-field input{width:100%;box-sizing:border-box}
.billing-form label{font-size:13px;font-weight:600}.billing-form .btn{max-width:100%}.record-info h3{overflow-wrap:anywhere}
@media(max-width:650px){.billing-form{grid-template-columns:1fr}.monthly-generator{align-items:stretch}.monthly-generator button{width:100%}}