*{box-sizing:border-box}body{margin:0;font-family:Tahoma,sans-serif;color:#18304d;background:#eef4fa;font-size:15px;line-height:1.7}header{background:linear-gradient(120deg,#102d54,#2676bb);color:white;padding:24px max(24px,calc((100vw - 1060px)/2));}header b{font-size:21px}small{display:block}main{max-width:1100px;margin:auto;padding:24px}nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}nav form{margin-left:auto}a{color:#155c9f}section{background:white;padding:28px;border-radius:16px;margin:24px 0;box-shadow:0 5px 20px #1737560d}.login{max-width:480px;margin:40px auto}h1{font-size:26px}h2{margin-top:0}label{display:block;margin:12px 0}input,select,textarea{display:block;padding:10px;border:1px solid #c7d5e3;border-radius:7px;width:100%;font:inherit}button,.button{background:#155c9f;color:white;border:0;padding:10px 18px;border-radius:7px;font:inherit;cursor:pointer;text-decoration:none}button:disabled{opacity:.5}table{border-collapse:collapse;width:100%;background:white;margin:12px 0}th,td{padding:9px;border-bottom:1px solid #dce5ed;text-align:left;vertical-align:top}td:last-child{text-align:right}th{background:#e9f2fa}table input{min-width:100px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.total{font-weight:bold;background:#eef5fb}.net{padding:20px;background:#173e6a;color:white;text-align:right;font-size:24px;border-radius:10px}.error{color:#a31323;white-space:pre-wrap}.scroll{overflow:auto}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hint{color:#536b81}form{margin:12px 0}nav form{display:inline;margin-top:0;margin-bottom:0}@media(max-width:700px){.columns,.grid{grid-template-columns:1fr}main{padding:14px}section{padding:18px}}@media print{@page{size:A4;margin:15mm}body{background:white;font-size:12px}header,nav,.no-print{display:none!important}main{padding:0;max-width:none}section{margin:0;padding:0;box-shadow:none;border-radius:0}.columns{grid-template-columns:1fr 1fr}#slip{break-inside:avoid}.net{color:black;background:white;border:1px solid #bbb}}

#slip{max-width:960px;margin:24px auto;padding:32px;border:1px solid #dce5ed}.slip-heading{display:flex;align-items:center;gap:24px;padding-bottom:22px;border-bottom:2px solid #173e6a}.slip-logo{width:100px;height:100px;object-fit:contain;flex-shrink:0}.slip-heading-text{flex:1;text-align:center;padding-right:124px}.slip-heading-text p{margin:0}.slip-organization{font-size:17px;font-weight:bold}.slip-heading-text h2{font-size:24px;margin:7px 0}.slip-month{color:#536b81}.slip-person{margin:22px 0;padding:14px 18px;background:#f5f8fc;border:1px solid #dce5ed;border-radius:8px}.slip-person p{margin:3px 0}.slip-person span{display:inline-block;min-width:110px;color:#536b81}#slip .columns{align-items:start}#slip table{margin:0 0 12px}#slip th:last-child{text-align:right}#slip td:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}#slip .net{margin-top:12px}
@media(max-width:700px){#slip{padding:20px}.slip-heading{gap:14px}.slip-logo{width:72px;height:72px}.slip-heading-text{padding-right:0}.slip-organization{font-size:14px}.slip-heading-text h2{font-size:21px}.slip-person span{min-width:100px}}
@media print{#slip{max-width:none;margin:0;padding:0;border:0}.slip-logo{width:24mm;height:24mm}.slip-heading{gap:6mm;padding-bottom:5mm}.slip-heading-text{padding-right:30mm}.slip-organization{font-size:14px}.slip-heading-text h2{font-size:20px}.slip-person{margin:5mm 0;padding:3mm 4mm;background:white}.slip-person p{margin:1mm 0}#slip .columns{grid-template-columns:1fr 1fr;gap:5mm}#slip th,#slip td{padding:2mm}#slip .net{font-size:19px;padding:4mm;border:2px solid #173e6a}}

#slip .slip-logo{width:72px;height:72px}.slip-heading{gap:18px;padding-bottom:16px}.slip-heading-text{padding-right:90px}.slip-heading-text h2{font-size:22px}.slip-organization{font-size:16px}@media(max-width:700px){.slip-heading-text{padding-right:0}}@media print{#slip .slip-logo{width:18mm;height:18mm}.slip-heading-text{padding-right:24mm}}

.site-header{display:flex;align-items:center;gap:18px;padding-top:18px;padding-bottom:18px}.site-logo{width:64px;height:64px;object-fit:contain;flex-shrink:0}.site-brand{min-width:0}.site-brand b{display:block}.site-brand small{margin-top:3px}#slip .slip-heading-text{padding-right:0}#slip .slip-heading{justify-content:center}@media(max-width:700px){.site-header{gap:12px;padding:16px}.site-brand b{font-size:17px}.site-brand small{font-size:12px}}@media print{.site-header{display:none!important}#slip .slip-heading-text{padding-right:0}}

.top-nav{background:#fff;border-bottom:1px solid #d8e3ef;box-shadow:0 3px 12px #18304d08}.top-nav-inner{max-width:1100px;margin:auto;padding:10px 24px;gap:8px}.top-nav-inner>a{display:inline-flex;align-items:center;padding:10px 16px;border-radius:9px;color:#3f526b;text-decoration:none;font-weight:bold;font-size:14px;transition:background .15s,color .15s}.top-nav-inner>a:hover,.top-nav-inner>a:focus-visible{background:#eaf3fc;color:#155c9f}.top-nav-inner>a[aria-current=page]{background:#eaf3fc;color:#155c9f;box-shadow:inset 0 -3px #2676bb}.top-nav-inner form{margin-left:auto}.top-nav-inner form button{background:#fff1f1;color:#ac3341;border:1px solid #f1d5d8;font-size:14px;padding:9px 16px}.top-nav-inner form button:hover{background:#ffe3e5}main>h1{margin-top:8px}@media(max-width:700px){.top-nav-inner{padding:8px 14px;gap:5px}.top-nav-inner>a{padding:8px 10px;font-size:13px}.top-nav-inner form button{font-size:13px;padding:8px 10px}}@media print{.top-nav{display:none!important}}

/* Bright office theme */
body{background:#f0f9ff;color:#244765;background-image:linear-gradient(135deg,#effaff 0%,#f7fbff 55%,#eefbf8 100%);background-attachment:fixed}.site-header{background:linear-gradient(115deg,#146fbd 0%,#168ed6 55%,#20b8cd 100%);box-shadow:0 4px 18px #148ac326}.site-brand small{color:#e5faff}a{color:#0878be}section{border:1px solid #d9edf7;box-shadow:0 7px 25px #167faf0d}h1,h2{color:#146ba3}input,select,textarea{border-color:#bdddea;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #8dd9f5;outline-offset:2px;border-color:#249dcc}button,.button{background:#1488cb}button:hover,.button:hover{background:#0875b5}.top-nav{background:#fffdf6;border-bottom:1px solid #f1e8c9}.top-nav-inner>a{color:#3d637d}.top-nav-inner>a:hover,.top-nav-inner>a:focus-visible{background:#def5ff;color:#0878be}.top-nav-inner>a[aria-current=page]{background:#def5ff;color:#0878be;box-shadow:inset 0 -3px #20a5da}th{background:#dff3ff;color:#176d9c}.total{background:#edf9ff}.net{background:linear-gradient(110deg,#1387cb,#18a7be);color:white}.slip-person{background:#f2fbff;border-color:#cfe9f5}.slip-heading{border-bottom-color:#28a1d1}.page-link.selected{background:#1488cb;border-color:#1488cb}.hint,.slip-month{color:#5e8198}.error{color:#b12745}.top-nav-inner form button{background:#fff0ee;color:#be4a45;border-color:#f4d4ce}
@media print{body{background:white;background-image:none;color:black}h1,h2{color:black}section{box-shadow:none}#slip .net{background:white;color:black;border-color:#555}.slip-person{background:white}.slip-heading{border-bottom-color:#555}}

/* Emerald and gold */
body{color:#24483f;background:#f4f7f4;background-image:linear-gradient(135deg,#edf5ef,#faf9f3 60%,#f1f5ee)}.site-header{background:linear-gradient(115deg,#083d32,#0d6853 65%,#16806a);border-bottom:3px solid #d4b56b;box-shadow:0 5px 22px #073e321a}.site-brand b{color:#fff9e9;letter-spacing:.2px}.site-brand small{color:#d3e9de}.top-nav{background:#fffaf0;border-bottom-color:#e8ddbf}.top-nav-inner>a{color:#405d50}.top-nav-inner>a:hover,.top-nav-inner>a:focus-visible{background:#f0e5c9;color:#174e3e}.top-nav-inner>a[aria-current=page]{background:#e9f2e9;color:#0a624b;box-shadow:inset 0 -3px #c5a251}main>h1{color:#164f3f;font-weight:700}section{border:1px solid #e0e7de;border-radius:18px;box-shadow:0 8px 28px #234c3510}h1,h2{color:#174f3e}a{color:#11664e}button,.button{background:#11684f;color:#fff;font-weight:600;border-radius:9px;box-shadow:0 3px 8px #0c584615}button:hover,.button:hover{background:#084e3a}input,select,textarea{border-color:#cddcd2;border-radius:9px}input:focus,select:focus,textarea:focus{outline:2px solid #d8c48b;outline-offset:2px;border-color:#48856b}th{background:#eaf2e9;color:#1e5942;border-bottom:2px solid #d8c48b}.total{background:#f7f1e1;color:#32543e}.net{background:linear-gradient(110deg,#0a5540,#127259);color:#fff6da;border:1px solid #c8a65c;border-radius:12px;font-weight:bold}.slip-person{background:#f5f8f2;border-color:#dce6d6}.slip-heading{border-bottom-color:#c7a659}.slip-organization{color:#194f3c}.hint,.slip-month{color:#6d7d6e}.page-link.selected{background:#11684f;border-color:#11684f}.top-nav-inner form button{background:#fbefeb;color:#a2453c;border-color:#ead0c8;box-shadow:none}.error{color:#ae3540}
@media print{body{background:white;background-image:none;color:black}h1,h2,.slip-organization{color:black}section{box-shadow:none}#slip .net{background:white;color:black;border-color:#555}.slip-person{background:white}.slip-heading{border-bottom-color:#555}}

/* Page title and month selector share one compact row. */
.slip-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 20px;padding-bottom:16px;border-bottom:1px solid #dfdfcd}.slip-toolbar h1{margin:0;color:#164f3f;font-size:26px;line-height:1.4}.slip-toolbar .slip-filter{display:flex;align-items:center;gap:10px;width:auto;margin:0;padding:0;background:none;border:0;box-shadow:none}.slip-filter label{margin:0;white-space:nowrap;color:#577163;font-size:14px}.slip-filter select{width:220px;max-width:100%;min-height:42px;margin:0;padding:8px 12px;background:#fff;color:#24483f;border:1px solid #cdd9cc;border-radius:10px;font-size:14px;cursor:pointer;box-shadow:0 2px 6px #234c3506}@media(max-width:540px){.slip-toolbar{gap:10px}.slip-toolbar h1{font-size:21px;white-space:nowrap}.slip-toolbar .slip-filter{gap:6px;min-width:0}.slip-filter label{display:none}.slip-filter select{width:175px;min-height:40px;font-size:13px;padding:8px}}@media(max-width:360px){.slip-toolbar h1{font-size:18px}.slip-filter select{width:150px}}

/* Smaller slip heading and month controls. */
.slip-toolbar{gap:16px;margin:6px 0 16px;padding-bottom:12px}.slip-toolbar h1{font-size:22px;line-height:1.4}.slip-toolbar .slip-filter{gap:8px}.slip-filter label{font-size:13px}.slip-filter select{width:190px;min-height:36px;padding:6px 10px;font-size:13px;border-radius:8px}@media(max-width:540px){.slip-toolbar h1{font-size:19px}.slip-filter select{width:160px;min-height:36px;font-size:13px}}@media(max-width:360px){.slip-toolbar h1{font-size:17px}.slip-filter select{width:145px}}

/* Center login heading and introductory text only. */
section.login:has(#login-form)>h2,section.login:has(#login-form)>p{text-align:center}

/* Shared developer credit at the bottom of every page. */
body{min-height:100vh;display:flex;flex-direction:column}body>main{width:100%;flex:1}footer.site-footer{margin-top:24px;padding:18px 24px;text-align:center;font-size:13px;line-height:1.8;color:#456957;background:#fffaf0;border-top:1px solid #e5dcc4;overflow-wrap:anywhere}@media(max-width:540px){footer.site-footer{padding:14px 16px;font-size:12px}}@media print{body{display:block;min-height:0}footer.site-footer{display:none!important}}

#login-form>button{display:block;margin:18px auto 0;min-width:130px}#login-message{text-align:center}