@layer reset,base,layout,components,responsive;
@layer reset{*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{max-width:100%}button:disabled{cursor:not-allowed;opacity:.48}}
@layer base{
:root{--paper:#f6f5f2;--white:#fff;--ink:#243329;--text:#27382d;--muted:#82877e;--line:#e9e9e1;--red:#d90035;--red-soft:#fff0f1;--sage:#5d7962;--sage-soft:#e9efe6;--ochre:#b78531;--radius:22px;--shadow:0 3px 16px #27382d04;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;font-synthesis:none}
body{background:var(--paper);color:var(--ink);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}button{border:0;background:none}h1,h2,h3{letter-spacing:-.04em}h1{font-size:33px;line-height:1.2;font-weight:730}h2{font-size:20px;font-weight:680}h3{font-size:15px;font-weight:650}small{font-size:12px}::selection{background:#f8ccd4}input,select,textarea{border:1px solid var(--line);border-radius:13px;background:#fff;padding:13px 14px;min-height:46px;color:var(--ink);width:100%;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--sage);box-shadow:0 0 0 3px #6f8b7417}input[type=checkbox]{width:19px;height:19px;min-height:0;accent-color:var(--red)}textarea{resize:vertical;min-height:95px}label{display:grid;gap:7px;font-weight:600;font-size:13px}.icon{height:21px;width:21px;flex:none;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.icon.large{width:25px;height:25px}.skip-link{position:fixed;left:10px;top:-100px;z-index:999;background:#fff;padding:10px}.skip-link:focus{top:10px}button:focus-visible,a:focus-visible{outline:3px solid #899f8b;outline-offset:4px}#main:focus{outline:none}
}
@layer layout{
.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#fff;border-right:1px solid var(--line);padding:34px 20px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 0 42px}.brand-mark{height:116px;width:148px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.brand-mark img{width:145px;height:116px;object-fit:contain}.brand strong{font-size:21px;letter-spacing:-.7px;font-weight:750}.brand strong span{display:block;letter-spacing:2.5px;font-size:9px;font-weight:650;color:var(--muted);margin-top:5px}.sidebar-section{padding:0 14px;color:#92978d;font-size:9px;letter-spacing:1.6px;font-weight:700;margin-bottom:11px}.desktop-nav{display:grid;gap:6px}.nav-item{display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:13px;font-weight:550;font-size:13px;color:#72796f;transition:background .15s,color .15s}.nav-item:hover{background:#f6f6f1}.nav-item.active{background:var(--red-soft);color:var(--red);font-weight:650}.nav-count{margin-left:auto;font-size:10px;background:#f0f1eb;padding:1px 6px;border-radius:5px}.nav-item.active .nav-count{background:#ffdce3}.sidebar-bottom{margin-top:auto}.sidebar-message{display:flex;gap:10px;align-items:center;padding:18px 12px 24px;border-bottom:1px solid var(--line);color:#8b9385}.sidebar-message p{font-size:11px;line-height:1.7}.sidebar-message strong{font-weight:550;color:#6d7a66}.small-leaf .icon{width:23px;height:23px}.institution{padding:22px 12px 0;display:flex;flex-direction:column;gap:9px}.institution img{width:139px;height:auto;object-fit:contain}.institution span{font-size:9px;color:#94968e;letter-spacing:.2px}.app-shell{margin-left:246px;max-width:1800px}.topbar{height:80px;margin:0 44px;border-bottom:1px solid #e4e6df;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar-context,.topbar-actions{display:flex;align-items:center;gap:15px}.breadcrumb{font-size:11px;color:#6e766b}.topbar-divider{height:12px;width:1px;background:#d7dcd1}.term-chip{font-size:10px;color:#7e8478}.topbar-actions{gap:18px}.live-badge{display:flex;align-items:center;gap:6px;font-size:10px;color:#747c6e}.live-badge i{width:5px;height:5px;border-radius:50%;background:#7e9874}.avatar-button{height:34px;width:34px;background:#e6e8dc;border-radius:50%;font-size:10px;font-weight:750;color:#67775a;display:grid;place-items:center}main{padding:32px 44px 40px;max-width:1350px;margin:0 auto}.desktop-footer{margin:0 44px 22px;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;font-size:10px;color:#959a90}.bottom-nav{display:none}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.greeting{font-size:11px;color:#858b7d;margin-bottom:5px}.page-heading h1{font-size:31px}.heading-actions{display:flex;align-items:center;gap:10px}.date-label{font-size:10px;color:#8a8e82;display:flex;gap:7px;align-items:center}.date-label .icon{width:14px;height:14px}.demo-strip{display:flex;align-items:center;gap:8px;color:#8f805f;font-size:10px;padding:0 0 16px}.demo-strip .icon{width:13px;height:13px}.demo-strip button{padding:0;color:#767d6b;font-weight:650;text-decoration:underline;text-underline-offset:3px;margin-left:4px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr);gap:22px}.full-width{grid-column:1/-1}.stack{display:grid;align-content:start;gap:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}.section-head h2{font-size:17px;letter-spacing:-.5px}.section-head a,.section-head button{font-size:10px;color:#8e9585;display:flex;align-items:center;gap:5px;padding:4px 0}.section-head .icon{height:12px;width:12px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:9px;letter-spacing:1.6px;font-weight:700;color:var(--muted)}
}
@layer components{
.signed-out .sidebar,.signed-out .topbar,.signed-out .bottom-nav,.signed-out .desktop-footer{display:none!important}.signed-out .app-shell{margin:0;max-width:none}.signed-out main{max-width:none;padding:0}.signed-out .toast{left:50%}.welcome{min-height:100dvh;display:flex;align-items:center;flex-direction:column;padding:32px 26px 24px;background:radial-gradient(ellipse at 50% 39%,#e9eedf80 0,transparent 50%),var(--paper)}.welcome-brand{display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(1040px,100%)}.welcome-brand img{width:148px;height:auto}.welcome-brand>span{font-size:12px;color:#8b957e}.welcome-panel{width:min(470px,100%);text-align:center;margin:auto;padding:30px 0;display:flex;flex-direction:column;align-items:center}.welcome-art{height:164px;width:178px;max-width:178px;flex:none;position:relative;margin:0 auto 24px;display:grid;place-items:center;order:0}.welcome-art>span{position:absolute;inset:12px 10px 4px;border-radius:50%;background:#e4ebd9}.welcome-art img{display:block;width:174px;height:164px;max-width:174px;max-height:164px;object-fit:contain;position:relative;filter:drop-shadow(0 7px 8px #4d652a0c)}.welcome .eyebrow{font-size:10px;letter-spacing:2.4px;color:#89977a;margin-bottom:12px;order:1}.welcome h1{font-size:35px;letter-spacing:-1.5px;order:2}.welcome h1 span{color:var(--red);font-size:23px;letter-spacing:-.6px}.welcome-copy{font-size:16px;line-height:1.55;color:#8b947d;margin-top:14px;letter-spacing:-.2px;order:3}.welcome-features{display:flex;align-items:center;justify-content:center;gap:23px;margin:26px 0 0;order:5}.welcome-features>span{display:flex;align-items:center;gap:7px;color:#788c66;font-size:11px}.welcome-features .icon{width:16px;height:16px}.welcome-login{width:min(220px,100%);font-size:14px;font-weight:650;height:49px;min-height:49px;border-radius:13px;margin-top:27px;gap:14px;box-shadow:0 5px 14px #d900351a;order:4}.welcome-private{font-size:11px;color:#a1a992;margin-top:17px;display:flex;justify-content:center;align-items:center;gap:6px;order:6}.welcome-private .icon{width:13px;height:13px}.welcome-bottom{color:#9ea68f;font-size:11px;letter-spacing:.1px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;font-size:11px;font-weight:650;border-radius:11px;padding:12px 17px;min-height:40px;white-space:nowrap;transition:transform .15s,background .15s}.button:hover{background:#be0030}.button:active{transform:scale(.97)}.button .icon{height:15px;width:15px}.button.secondary{background:#fff;color:#62735c;border:1px solid #e0e5d9}.button.subtle{background:#eff1e9;color:#5c7155}.button.danger{background:#fff0f1;color:var(--red)}.icon-button{height:32px;width:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:10px;color:#8a9181;background:#fff}.icon-button .icon{width:16px;height:16px}.card{border-radius:var(--radius);background:var(--white);border:1px solid #e9eae3;padding:24px;box-shadow:var(--shadow)}.hero{background:#e9ede1;border:1px solid #e0e5d6;border-radius:var(--radius);padding:28px 30px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden;min-height:170px}.hero-copy{z-index:1;max-width:65%}.hero .eyebrow{color:#879377;font-size:9px;letter-spacing:1.5px;margin-bottom:10px}.hero h2{font-size:29px;line-height:1.18;font-weight:650;letter-spacing:-1px;color:#3b4c35}.hero p{font-size:11px;color:#7e8875;margin-top:12px}.hero-art{height:140px;width:175px;flex:none;position:relative;margin-right:10px}.hero-art:before{content:"";position:absolute;inset:10px -6px 0 15px;background:#dce4d0;border-radius:50%}.hero-art img{position:relative;width:175px;height:140px;object-fit:contain;filter:drop-shadow(0 8px 5px #536c3320)}.spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#d4ba74;right:5px;top:12px}.spark.second{right:150px;top:99px;width:5px;height:5px;background:#b5c6a5}.balance{background:#fff;padding:0;overflow:hidden}.balance-main{padding:24px 25px 21px;position:relative}.balance-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#7c8475}.balance-label .icon{color:var(--red);height:16px;width:16px}.balance-number{font-size:40px;letter-spacing:-1.9px;line-height:1.15;font-weight:700;margin-top:13px}.balance-number span{font-size:27px;font-weight:450;color:#727d66;letter-spacing:-1px}.balance-note{font-size:9px;color:#99a08f;margin-top:10px}.balance-main>.icon-button{position:absolute;right:22px;top:22px}.balance-bottom{display:grid;grid-template-columns:1fr 1fr;background:#fafbf7;border-top:1px solid #edefe7;padding:17px 24px}.money-stat{display:flex;gap:10px;align-items:center}.money-stat+.money-stat{border-left:1px solid #e8ebdf;padding-left:24px}.stat-icon{width:30px;height:30px;border-radius:10px;background:#edf3e9;color:#72936b;display:grid;place-items:center}.stat-icon.out{color:#c38b73;background:#f9efe9}.stat-icon .icon{height:15px;width:15px}.money-stat small{color:#959c8b;font-size:9px;display:block;margin-bottom:3px}.money-stat strong{font-size:14px;font-weight:650;letter-spacing:-.3px}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-action{border:1px solid #e7e9e0;background:#fff;border-radius:16px;padding:18px 10px 15px;display:flex;align-items:center;flex-direction:column;gap:10px;min-height:102px}.quick-action:hover{border-color:#cbd4bd;box-shadow:0 4px 12px #3d54210a}.action-icon{height:32px;width:32px;border-radius:11px;background:#f7ecee;color:#bf4d62;display:grid;place-items:center}.action-icon.sage{background:#eef2e8;color:#7a8f68}.action-icon.ochre{background:#fcf3df;color:#b6a15b}.action-icon.blue{background:#edf0f7;color:#8c99b1}.action-icon .icon{width:18px;height:18px}.quick-action>span:last-child{font-size:10px;font-weight:550;color:#626f58}.table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.table-header h2{font-size:17px}.text-link{font-size:10px;color:#909a84;display:flex;gap:5px;align-items:center}.text-link .icon{height:12px;width:12px}.transaction-list{display:grid}.transaction{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #f0f1eb;min-width:0}.transaction:last-child{border-bottom:0;padding-bottom:0}.transaction:first-child{padding-top:0}.transaction-icon{height:35px;width:35px;border-radius:11px;display:grid;place-items:center;background:#f2f4eb;color:#899b74;flex:none}.transaction-icon.out{background:#fbf1e6;color:#bc9a65}.transaction-icon .icon{height:17px;width:17px}.transaction-details{min-width:0;flex:1}.transaction-details strong{display:block;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transaction-details small{font-size:9px;color:#9aa08f}.transaction-amount{margin-left:auto;white-space:nowrap;font-size:12px;font-weight:650;letter-spacing:-.15px}.transaction-amount.positive{color:#758d65}.transaction-amount.negative{color:#647358}.transaction-date{font-size:9px;color:#a0a692;text-align:right;margin-top:3px}.agenda-list{display:grid;gap:19px}.agenda-item{display:flex;align-items:flex-start;gap:13px}.date-box{width:43px;min-height:48px;background:#f3f4ec;border-radius:11px;display:grid;place-content:center;text-align:center;flex:none}.date-box strong{font-size:19px;line-height:1.15;font-weight:650;color:#5f7150;letter-spacing:-.8px}.date-box span{font-size:8px;text-transform:uppercase;color:#a0a58e;letter-spacing:.8px;margin-top:3px}.agenda-copy{padding-top:2px;min-width:0}.agenda-copy h3{font-size:11px;letter-spacing:-.1px}.agenda-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:9px;color:#9ba18f;margin-top:5px}.agenda-meta .icon{width:10px;height:10px}.tag{display:inline-flex;align-items:center;border-radius:5px;padding:2px 6px;background:#eef2e6;color:#8d9d72;font-size:8px;font-weight:550;margin-top:7px}.tag.ochre{background:#fbf3de;color:#b29b50}.tag.red{background:#fff0f1;color:#c85d70}.task-list{display:grid;gap:0}.task-row{display:flex;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eff0e8}.task-row:first-child{padding-top:0}.task-row:last-child{padding-bottom:0;border-bottom:0}.task-check{height:17px;width:17px;border:1.4px solid #d9ddce;border-radius:6px;display:grid;place-items:center;flex:none;padding:0;min-height:0}.task-check.checked{background:#6e8a61;border-color:#6e8a61;color:#fff}.task-check .icon{height:12px;width:12px;stroke-width:2}.task-copy{min-width:0;flex:1}.task-copy strong{font-size:10px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis}.task-copy small{font-size:8px;color:#a1a68f;display:block;margin-top:3px}.task-check.checked+.task-copy strong{text-decoration:line-through;color:#a1aa93}.tiny-avatar{height:24px;width:24px;border-radius:50%;display:grid;place-items:center;background:#eeeadd;color:#a59a77;font-size:8px;font-weight:650}.tiny-avatar.green{background:#e9eddf;color:#8e9b75}.task-progress{background:#f2f4eb;border-radius:8px;padding:10px 12px;margin-top:18px;display:flex;align-items:center;gap:10px}.progress-track{height:4px;border-radius:4px;background:#e2e8d8;flex:1;overflow:hidden}.progress-track>span{height:100%;display:block;background:#91a478;border-radius:4px}.task-progress small{font-size:8px;color:#929d80}.community-card{padding:18px 21px;background:#f0e9df;border-color:#e9e1d4;display:flex;align-items:center;gap:14px}.avatar-stack{display:flex;padding-left:0}.avatar-stack span{height:29px;width:29px;border:2px solid #f0e9df;background:#d5dcc4;display:grid;place-items:center;border-radius:50%;font-size:8px;font-weight:650;color:#7d8d68}.avatar-stack span+span{margin-left:-9px;background:#e7d1bf;color:#a48c78}.avatar-stack span:nth-child(3){background:#d9dce7;color:#929bad}.community-card p{font-size:10px;line-height:1.65;color:#a09480}.community-card strong{color:#7e765f;font-weight:600}.search-toolbar{display:flex;gap:12px;margin-bottom:20px;align-items:center}.search-box{position:relative;flex:1}.search-box input{padding-left:39px;background:#fff;font-size:12px}.search-box>.icon{position:absolute;top:14px;left:13px;color:#a2aa97;height:17px;width:17px}.segmented{display:flex;background:#e9ece3;border:1px solid #e4e8dc;padding:3px;border-radius:11px;gap:3px}.segmented button{font-size:10px;padding:8px 12px;color:#8b947c;border-radius:8px;white-space:nowrap}.segmented button.active{background:#fff;color:#586e4a;box-shadow:0 1px 4px #283d1f0a}.list-card{padding:22px 25px}.list-card .transaction{padding:17px 0}.list-card .transaction-details strong{font-size:13px}.list-card .transaction-details small{font-size:10px}.list-card .transaction-amount{font-size:14px}.kasse-summary{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px;margin-bottom:22px}.metric-card{padding:22px}.metric-card .eyebrow{font-size:9px}.metric-card .metric{font-size:28px;letter-spacing:-1px;font-weight:650;margin-top:10px}.metric-card.highlight{background:#e9ede1;border-color:#dfe5d5}.metric-card .metric.positive{color:#6d8c58}.metric-card .metric.negative{color:#b78267}.empty-state{text-align:center;padding:50px 24px;color:#929b87}.empty-state .icon{width:35px;height:35px;margin-bottom:12px}.empty-state h3{font-size:16px;color:#627458}.empty-state p{font-size:12px;max-width:340px;margin:7px auto 20px}.notice{padding:13px 16px;border-radius:12px;background:#eaf0e3;color:#6f835f;font-size:11px;margin-bottom:18px;display:flex;gap:9px;align-items:flex-start}.notice .icon{height:16px;width:16px}.notice.warning{background:#fff2dc;color:#a08146}.receipt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.receipt-card{padding:0;overflow:hidden}.receipt-preview{height:155px;background:#efeee8;display:flex;justify-content:center;align-items:flex-start;padding-top:22px;overflow:hidden}.receipt-paper{width:98px;background:#fff;padding:13px 12px 24px;box-shadow:0 3px 12px #35452910;transform:rotate(-5deg);font-size:7px;color:#909488}.receipt-paper:after{content:"";display:block;border-bottom:1px dashed #c6cabd;margin-top:14px}.receipt-paper strong{display:block;font-size:9px;text-align:center;margin-bottom:12px;color:#5d6b51}.receipt-paper i{display:block;height:3px;background:#dfe3d7;border-radius:1px;margin:6px 0}.receipt-paper i.short{width:58%}.receipt-info{padding:16px}.receipt-info h3{font-size:12px;margin-bottom:4px}.receipt-info p{font-size:9px;color:#9ba38f}.receipt-info .tag{margin-top:10px}.event-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.event-card{display:flex;gap:17px;padding:24px}.event-card .date-box{width:56px;min-height:62px}.event-card .date-box strong{font-size:25px}.event-card h3{font-size:15px;margin-bottom:6px}.event-card p{font-size:11px;color:#8b9580}.event-card .agenda-meta{font-size:10px;margin-top:10px}.roles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.role-card{padding:22px}.role-card h3{font-size:15px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.role-card p{font-size:11px;color:#939c87}.permission-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.permission-list .tag{font-size:9px;margin:0;padding:4px 7px}.users-list{margin-top:20px}.user-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-bottom:1px solid var(--line)}.user-row:last-child{border:0}.user-row .tiny-avatar{height:34px;width:34px;font-size:10px}.user-details{flex:1}.user-details strong{font-size:12px}.user-details small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.user-roles{display:flex;gap:4px;flex-wrap:wrap}.role-select{display:grid;gap:10px}.check-label{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500}.more-grid{display:grid;gap:14px}.more-item{display:flex;align-items:center;gap:16px;text-align:left;width:100%;padding:23px}.more-item>.icon{color:#859577}.more-item strong{display:block;font-size:14px}.more-item small{font-size:11px;color:#a1a892}.more-item .arrow{margin-left:auto}.sheet{border:0;padding:0;width:min(520px,calc(100vw - 32px));max-height:90dvh;border-radius:25px;box-shadow:0 25px 90px #1e301b30;color:var(--ink);overflow-y:auto}.sheet::backdrop{background:#1d2b204a;backdrop-filter:blur(5px)}.sheet-head{padding:25px 27px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0e9}.sheet-head h2{font-size:21px}.sheet-head .icon-button{background:#f4f5ef;border:0}.sheet-body{padding:24px 27px;display:grid;gap:18px}.sheet-body p{font-size:12px;color:#89947e}.sheet-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 27px 25px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-error{font-size:12px;color:#bf2147;background:#fff0f1;border-radius:10px;padding:10px 13px}.password-note{font-size:10px!important}.profile-summary{display:flex;gap:14px;align-items:center}.profile-summary .tiny-avatar{width:47px;height:47px;font-size:15px}.profile-summary strong{display:block;font-size:15px}.profile-summary small{font-size:11px;color:#939b88}.divider{height:1px;background:var(--line);width:100%}.toast{position:fixed;bottom:30px;left:calc(50% + 123px);transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:200;background:#34452f;color:#fff;padding:13px 20px;border-radius:14px;box-shadow:0 5px 25px #1d341c23;font-size:12px;transition:opacity .2s,transform .2s;max-width:calc(100vw - 40px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.receipt-upload{border:1.5px dashed #d5decb;border-radius:15px;background:#f8faf4;padding:26px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px;color:#839776;cursor:pointer}.receipt-upload input{padding:0;border:0;font-size:11px;min-height:0}.receipt-upload .icon{height:28px;width:28px}.role-editor-permissions{display:grid;gap:10px}.audit-note{font-size:10px!important;color:#a0a78f!important}.install-card{display:flex;align-items:center;gap:14px}.install-card .action-icon{flex:none}.install-card h3{font-size:13px;margin-bottom:4px}.install-card p{font-size:10px;color:#969f8b}.is-loading{opacity:.5;pointer-events:none}
}
@layer responsive{
@media(min-width:1650px){.app-shell{margin-right:auto}.topbar,main,.desktop-footer{padding-left:58px;padding-right:58px}.topbar,.desktop-footer{margin-left:0;margin-right:0}}
@media(max-width:1200px){.sidebar{width:210px;padding-left:14px;padding-right:14px}.app-shell{margin-left:210px}.topbar{margin:0 28px}main{padding:27px 28px}.desktop-footer{margin:0 28px 22px}.hero h2{font-size:24px}.hero{padding:25px}.hero-art{width:135px;height:120px;margin:0}.hero-art img{width:135px;height:120px}.hero-copy{max-width:68%}.dashboard-grid{grid-template-columns:1.25fr 1fr;gap:18px}.stack{gap:18px}.card{padding:20px}.balance{padding:0}.quick-actions{gap:8px}.quick-action{padding:16px 7px}.toast{left:calc(50% + 105px)}.brand-mark{height:103px}.brand-mark img{height:103px}.brand{margin-bottom:34px}.page-heading h1{font-size:28px}}
@media(max-width:940px){.sidebar{width:192px}.app-shell{margin-left:192px}.topbar{margin:0 22px}.topbar-context{gap:8px}.term-chip,.topbar-divider{display:none}main{padding:26px 22px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:16px}.hero{padding:24px}.hero h2{font-size:25px}.hero-art{width:160px}.hero-art img{width:160px}.quick-actions{grid-template-columns:repeat(2,1fr)}.quick-action{min-height:86px;flex-direction:row;justify-content:center;padding:15px 7px;gap:8px}.receipt-grid{grid-template-columns:repeat(2,1fr)}.kasse-summary{gap:10px}.metric-card{padding:17px}.metric-card .metric{font-size:23px}.metric-card .eyebrow{font-size:8px}.event-grid{grid-template-columns:1fr}.date-label{display:none}.toast{left:calc(50% + 96px)}.desktop-footer{margin:0 22px 22px}.money-stat+.money-stat{padding-left:12px}.balance-bottom{padding:16px}.money-stat{gap:7px}.money-stat strong{font-size:12px}}
@media(max-width:720px){body{font-size:14px}.sidebar,.desktop-footer{display:none}.app-shell{margin-left:0}.topbar{height:64px;margin:0 22px;border:0;padding-top:env(safe-area-inset-top);box-sizing:content-box}.breadcrumb{font-size:10px}.topbar-actions{gap:12px}.avatar-button{width:33px;height:33px}.live-badge{font-size:9px}main{padding:10px 20px calc(112px + env(safe-area-inset-bottom));max-width:600px}.page-heading{margin-bottom:20px;align-items:flex-end}.page-heading h1{font-size:30px}.greeting{font-size:11px;margin-bottom:5px}.heading-actions>.button{font-size:0;padding:10px;min-height:37px;width:37px}.heading-actions>.button .icon{width:18px;height:18px}.demo-strip{font-size:9px;flex-wrap:wrap;gap:5px;padding-bottom:16px}.dashboard-grid{grid-template-columns:1fr;gap:17px}.hero{padding:23px 21px;min-height:155px;border-radius:21px;align-items:center}.hero-copy{max-width:67%}.hero .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:9px}.hero h2{font-size:24px;line-height:1.18;letter-spacing:-.9px}.hero p{font-size:10px;margin-top:10px;max-width:185px}.hero-art{width:119px;height:125px;margin-right:-7px;margin-left:-20px}.hero-art img{width:135px;max-width:135px;height:125px}.hero-art:before{inset:20px 0 4px 5px}.spark{right:-3px}.spark.second{right:113px}.balance-number{font-size:39px}.balance-main{padding:24px}.balance-bottom{padding:17px 23px}.money-stat strong{font-size:15px}.money-stat small{font-size:9px}.money-stat+.money-stat{padding-left:21px}.money-stat{gap:10px}.balance-note{font-size:10px}.balance-label{font-size:12px}.quick-actions{grid-template-columns:repeat(4,1fr);gap:9px}.quick-action{min-height:92px;flex-direction:column;padding:14px 5px;gap:9px;border-radius:15px}.quick-action>span:last-child{font-size:9px}.action-icon{height:30px;width:30px;border-radius:10px}.stack{gap:17px}.card{padding:22px}.balance{padding:0}.transaction{padding:14px 0;gap:11px}.transaction-details strong{font-size:12px}.transaction-details small{font-size:10px}.transaction-amount{font-size:13px}.transaction-date{font-size:9px}.transaction-icon{height:37px;width:37px}.section-head h2,.table-header h2{font-size:18px}.text-link,.section-head a,.section-head button{font-size:10px}.agenda-item{gap:15px}.agenda-list{gap:21px}.agenda-copy h3{font-size:13px}.agenda-meta{font-size:10px;margin-top:5px}.date-box{width:46px;min-height:51px}.date-box strong{font-size:21px}.date-box span{font-size:9px}.tag{font-size:9px}.task-row{padding:15px 0}.task-copy strong{font-size:12px}.task-copy small{font-size:10px}.task-check{width:20px;height:20px}.tiny-avatar{width:28px;height:28px;font-size:9px}.task-progress small{font-size:9px}.community-card{padding:19px 22px}.community-card p{font-size:11px}.avatar-stack span{height:32px;width:32px;font-size:9px}.bottom-nav{position:fixed;display:flex;justify-content:space-around;bottom:0;left:0;right:0;height:calc(72px + env(safe-area-inset-bottom));padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:50;background:#ffffffed;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid #e7e9df;box-shadow:0 -8px 30px #54674204}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-width:56px;padding:3px 6px;font-size:9px;font-weight:550;color:#9ba390}.bottom-nav a.active{color:var(--red)}.bottom-nav a .icon{height:22px;width:22px;stroke-width:1.7}.bottom-nav a.active .icon{stroke-width:2}.toast{left:50%;bottom:calc(90px + env(safe-area-inset-bottom));font-size:11px}.search-toolbar{flex-direction:column;align-items:stretch;gap:12px}.segmented{align-self:flex-start}.search-box input{font-size:13px}.kasse-summary{grid-template-columns:1fr 1fr;gap:12px}.kasse-summary .highlight{grid-column:1/-1}.metric-card{padding:19px}.metric-card.highlight{display:flex;align-items:center;justify-content:space-between}.metric-card.highlight .metric{margin:0;font-size:30px}.metric-card .metric{font-size:25px}.metric-card .eyebrow{font-size:9px}.list-card{padding:18px 20px}.list-card .transaction-details strong{font-size:12px}.list-card .transaction-amount{font-size:12px}.receipt-grid{gap:13px}.receipt-info{padding:14px}.receipt-info h3{font-size:11px}.receipt-preview{height:140px}.receipt-info p{font-size:9px}.roles-grid{grid-template-columns:1fr}.user-row{flex-wrap:wrap;gap:10px}.user-roles{padding-left:44px;flex-basis:100%}.sheet{width:100%;max-height:92dvh;margin:auto 0 0;border-radius:25px 25px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:sheet-in .22s ease-out}.sheet:before{content:"";display:block;width:36px;height:4px;border-radius:4px;background:#d5dacd;margin:9px auto 0}.sheet-head{padding:18px 23px}.sheet-body{padding:22px 23px}.sheet-footer{padding:0 23px 24px}.sheet-footer .button{flex:1;font-size:13px;min-height:46px}input,select,textarea{font-size:16px}.sheet-body label{font-size:12px}.notice{font-size:11px}.more-item{padding:21px}.event-card{padding:23px}.event-card h3{font-size:14px}.event-card p{font-size:12px}.event-card .agenda-meta{font-size:11px}.permission-list .tag{font-size:10px}.role-card{padding:23px}.role-card p{font-size:12px}.sheet h2{font-size:21px}.form-error{font-size:12px}@keyframes sheet-in{from{transform:translateY(40px);opacity:.5}to{transform:translateY(0);opacity:1}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:720px){
 .signed-out main{padding:0;max-width:none}.welcome{padding:calc(22px + env(safe-area-inset-top)) 23px calc(25px + env(safe-area-inset-bottom))}.welcome-brand{gap:16px}.welcome-brand img{width:129px}.welcome-brand>span{font-size:10px;max-width:130px;text-align:right}.welcome-panel{padding:28px 0}.welcome-art{width:166px;height:156px;max-width:166px;margin-bottom:22px}.welcome-art img{width:164px;height:156px;max-width:164px;max-height:156px}.welcome h1{font-size:32px;letter-spacing:-1.2px}.welcome h1 span{font-size:21px}.welcome-copy{font-size:16px}.welcome-features{gap:17px;margin:25px 0 0}.welcome-features>span{font-size:11px;gap:5px}.welcome-login{height:49px;min-height:49px;font-size:14px;margin-top:25px}.welcome-private{font-size:11px}.welcome-bottom{font-size:10px}
 .breadcrumb{font-size:11px}.live-badge{font-size:11px}.avatar-button{width:40px;height:40px;font-size:12px}
 .greeting{font-size:13px}.demo-strip{font-size:11px;line-height:1.55}.demo-strip button{font-size:11px;padding:4px 0}
 .hero{min-height:178px}.hero .eyebrow{font-size:9px}.hero p{font-size:12px;line-height:1.55}.hero-art{height:143px;width:130px}.hero-art img{height:143px;width:145px;max-width:145px}
 .balance-label{font-size:13px}.balance-note{font-size:11px}.money-stat small{font-size:11px}.money-stat strong{font-size:16px}
 .quick-action{min-height:100px}.quick-action>span:last-child{font-size:11px}.action-icon{width:34px;height:34px}
 .transaction{min-height:66px}.transaction-details strong,.list-card .transaction-details strong{font-size:14px}.transaction-details small,.list-card .transaction-details small{font-size:12px}.transaction-amount,.list-card .transaction-amount{font-size:14px}.transaction-date{font-size:11px}
 .section-head a,.section-head button,.text-link{font-size:12px;min-height:32px}.section-head h2,.table-header h2{font-size:18px}
 .agenda-copy h3{font-size:14px}.agenda-meta,.event-card .agenda-meta{font-size:12px}.tag{font-size:11px}.date-box span{font-size:10px}
 .task-copy strong{font-size:14px}.task-copy small{font-size:12px}.task-check{width:24px;height:24px;position:relative}.task-check:before{content:"";position:absolute;inset:-10px}.task-row{min-height:67px}
 .task-progress small{font-size:11px}.community-card p{font-size:12px}.tiny-avatar{width:30px;height:30px;font-size:10px}
 .install-card h3{font-size:14px}.install-card p{font-size:12px}.bottom-nav a{font-size:11px;min-height:48px}
 .receipt-info h3{font-size:13px}.receipt-info p{font-size:11px}.receipt-info .tag{font-size:10px}.receipt-info{padding:15px}
 .segmented button{font-size:12px;min-height:38px}.icon-button{width:40px;height:40px}.heading-actions>.button{width:44px;min-height:44px}
 .more-item strong{font-size:15px}.more-item small{font-size:12px}.user-details strong{font-size:14px}.user-details small{font-size:12px}
 .sheet-body label{font-size:13px}.sheet-body p{font-size:13px}.check-label{min-height:38px}.password-note,.audit-note{font-size:11px!important}
}
}
@layer responsive{
 .signed-out .app-shell{margin:0;max-width:none;width:100%}
 .signed-out main{padding:0;max-width:none;margin:0;width:100%}
 .signed-out .sidebar,.signed-out .topbar,.signed-out .bottom-nav,.signed-out .desktop-footer{display:none!important}
 .signed-out .welcome{width:100%;min-height:100dvh}
 .welcome .welcome-login{width:min(220px,100%);height:49px;min-height:49px;padding:12px 17px;font-size:14px;line-height:1.25;font-weight:650;flex:none}
 .signed-out .toast{left:50%}
}