@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--black:#1f1f1f;--white:#fff;--accent:#c0ff0d;--gray-100:#f6f6f6;--gray-200:#eaeaea;--gray-300:#999;--gray-400:#666;--blue:#5b8def;--red:#ff2e00;--green:#00c853;--purple:#a78bfa;--orange:#ffb800}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--white);color:var(--black);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,-apple-system,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}.header{background:var(--black);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 32px;display:flex;position:sticky;top:0}.header__left{align-items:center;gap:32px;display:flex}.header__logo{color:var(--white);letter-spacing:-.03em;text-transform:lowercase;font-size:18px;font-weight:700}.header__nav{gap:8px;display:flex}.header__link{color:#ffffff80;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.header__link:hover{color:var(--white)}.header__link--active{color:var(--white);background:#ffffff1a}.header__right{align-items:center;gap:12px;display:flex}.header__badge{color:var(--black);background:var(--accent);letter-spacing:.05em;border-radius:100px;padding:3px 10px;font-size:10px;font-weight:700}.header__user{color:#ffffffb3;font-size:13px;font-weight:500}.header__logout{color:#fff6;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:13px}.header__logout:hover{color:var(--white)}.page{max-width:1400px;margin:0 auto;padding:32px 32px 80px}.page-label{letter-spacing:.1em;text-transform:uppercase;color:var(--gray-300);margin-bottom:8px;font-size:11px;font-weight:600}.page-title{letter-spacing:-.04em;margin-bottom:24px;font-size:clamp(48px,6vw,72px);font-weight:700;line-height:.9}.page-subtitle{color:var(--gray-300);margin-bottom:24px;font-size:14px}.stats-row{border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);gap:32px;margin-bottom:32px;padding:24px 0;display:flex}.stat-item{flex-direction:column;gap:2px;display:flex}.stat-value{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(32px,4vw,48px);font-weight:700;line-height:1}.stat-unit{color:var(--gray-300);font-size:14px}.stat-label{color:var(--gray-300);font-size:12px}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-input{border:1px solid var(--gray-200);background:var(--white);border-radius:120px;outline:none;width:320px;padding:10px 18px;font-family:inherit;font-size:14px;transition:border-color .15s}.search-input:focus{border-color:var(--black)}.filter-select{border:1px solid var(--gray-200);background:var(--white);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:120px;outline:none;padding:10px 36px 10px 18px;font-family:inherit;font-size:14px}.filter-select:focus{border-color:var(--black)}.table-wrap{background:var(--white);border:1px solid var(--gray-200);border-radius:12px;max-height:calc(100vh - 260px);overflow:auto}table{border-collapse:collapse;width:100%;min-width:max-content}thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--black);background:var(--gray-100);border-bottom:2px solid var(--gray-200);white-space:nowrap;z-index:10;padding:10px 8px;font-size:10px;font-weight:600;position:sticky;top:0}tbody tr{border-bottom:1px solid var(--gray-200);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--gray-100)}tbody td{vertical-align:middle;padding:8px;font-size:12px}.td-num{text-align:right;font-variant-numeric:tabular-nums}.td-muted{color:var(--gray-300)}.td-link{color:var(--blue);cursor:pointer}.td-link:hover{text-decoration:underline}.td-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.badge{white-space:nowrap;border-radius:100px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.badge-active{color:#e65100;background:#fff3e0}.badge-done,.badge-paid{color:#2e7d32;background:#e8f5e9}.badge-pending{color:#f57f17;background:#fff8e1}.badge-overdue{color:#c62828;background:#ffebee}.badge-gray{background:var(--gray-100);color:var(--gray-400)}.btn{cursor:pointer;border:none;border-radius:120px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-sm{padding:8px 18px;font-size:14px}.btn-xs{padding:5px 14px;font-size:12px}.btn-primary{background:var(--black);color:var(--white)}.btn-primary:hover{background:#2e2e2e}.btn-accent{background:var(--accent);color:var(--black)}.btn-accent:hover{background:#d4ff2a}.btn-outline{color:var(--black);border:1px solid var(--gray-200);background:0 0}.btn-outline:hover{border-color:var(--black)}.login-page{background:var(--black);flex-direction:column;justify-content:flex-end;align-items:flex-start;min-height:100vh;padding:40px;display:flex}.login-logo{letter-spacing:-.04em;color:var(--white);font-size:18px;font-weight:700;text-decoration:none;position:absolute;top:20px;left:20px}.login-title{letter-spacing:-.04em;color:var(--white);margin-bottom:32px;font-size:clamp(64px,10vw,140px);font-weight:700;line-height:.88}.login-sub{color:var(--gray-300);margin-bottom:48px;font-size:16px;line-height:1.6}.login-btn{background:var(--white);color:var(--black);cursor:pointer;border:none;border-radius:120px;align-items:center;gap:12px;padding:16px 32px;font-family:inherit;font-size:16px;font-weight:600;transition:background .15s;display:inline-flex}.login-btn:hover{background:var(--gray-100)}.login-denied{color:var(--gray-300);margin-bottom:48px;font-size:16px}.empty{text-align:center;color:var(--gray-300);padding:60px 20px;font-size:15px}.loading{text-align:center;color:var(--gray-300);padding:40px}