@font-face{font-family:Inter;src:url("fonts/inter-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url("fonts/inter-medium.ttf") format("truetype");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url("fonts/inter-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Crimson Pro";src:url("fonts/crimson-pro-bold.ttf") format("truetype");font-style:normal;font-weight:700;font-display:swap}
:root{--orange:#ea580c;--orange-dark:#c2410c;--orange-soft:#fff7ed;--stone-950:#1c1917;--stone-900:#292524;--stone-800:#44403c;--stone-700:#57534e;--stone-600:#78716c;--stone-500:#a8a29e;--stone-300:#d6d3d1;--stone-200:#e7e5e4;--stone-100:#f5f5f4;--stone-50:#fafaf9;--white:#fff;--green:#166534;--green-soft:#f0fdf4;--red:#b91c1c;--red-soft:#fef2f2;--blue:#1d4ed8;--blue-soft:#eff6ff;--shadow:0 12px 32px rgba(41,37,36,.07);--radius:18px;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-display:"Crimson Pro",Georgia,serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{min-height:100vh;margin:0;display:flex;flex-direction:column;background:var(--stone-50);color:var(--stone-900);font:15px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased}
body.navigation-open{overflow:hidden}
a{color:var(--orange-dark);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:3px}
button,input,select,textarea{font:inherit}
h1,h2,h3{color:var(--stone-950);font-family:var(--font-display);line-height:1.08}
h1{margin:0 0 8px;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.02em}
h2{margin:0 0 15px;font-size:clamp(1.45rem,2.6vw,1.9rem)}
h3{margin:0 0 10px;font-size:1.28rem}
p{margin-top:0}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:1000;top:10px;left:10px;transform:translateY(-150%);padding:10px 14px;border-radius:8px;background:var(--stone-950);color:white;font-weight:700}
.skip-link:focus{transform:translateY(0)}
.topographic-background{position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23ea580c' stroke-width='.7' opacity='.26'%3E%3Cpath d='M-20 38c33-31 67-34 99-8s67 26 121-8'/%3E%3Cpath d='M-20 56c33-31 67-34 99-8s67 26 121-8'/%3E%3Cpath d='M-20 74c33-31 67-34 99-8s67 26 121-8'/%3E%3Cpath d='M-20 145c45-28 78-22 103 3s57 25 117-6'/%3E%3Cpath d='M-20 163c45-28 78-22 103 3s57 25 117-6'/%3E%3C/g%3E%3C/svg%3E")}
.site-header{position:sticky;z-index:100;top:0;border-bottom:1px solid rgba(214,211,209,.85);background:rgba(250,250,249,.94);box-shadow:0 2px 15px rgba(41,37,36,.03);backdrop-filter:blur(15px)}
.header-inner{max-width:1400px;min-height:76px;margin:auto;padding:10px 28px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:11px;flex:none;color:var(--stone-950)}
.brand:hover{text-decoration:none}
.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:var(--orange);color:white;box-shadow:0 8px 20px rgba(234,88,12,.23)}
.brand-mark svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand-copy{display:grid;line-height:1}
.brand-copy strong{font-family:var(--font-display);font-size:21px;letter-spacing:-.01em}
.brand-copy span{margin-top:4px;color:var(--orange-dark);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.22em}
.navigation-panel{min-width:0;display:flex;align-items:center;gap:25px;flex:1}
.primary-navigation{display:flex;align-items:center;gap:4px;flex:1}
.primary-navigation>a,.management-menu>summary{display:flex;align-items:center;min-height:42px;padding:8px 11px;border-radius:9px;color:var(--stone-700);font-size:13px;font-weight:600;cursor:pointer;list-style:none}
.primary-navigation>a:hover,.primary-navigation>a.active,.management-menu>summary:hover,.management-menu[open]>summary{background:var(--orange-soft);color:var(--orange-dark);text-decoration:none}
.management-menu{position:relative}
.management-menu>summary::-webkit-details-marker{display:none}
.management-menu-items{position:absolute;z-index:10;top:calc(100% + 8px);right:0;width:205px;padding:7px;border:1px solid var(--stone-200);border-radius:13px;background:white;box-shadow:var(--shadow)}
.management-menu-items a{display:block;padding:9px 11px;border-radius:8px;color:var(--stone-700);font-size:13px;font-weight:600}
.management-menu-items a:hover{background:var(--stone-100);color:var(--orange-dark);text-decoration:none}
.identity{display:flex;align-items:center;gap:12px;flex:none}
.identity-copy{display:grid;line-height:1.25;text-align:right}
.identity-copy span{font-size:13px;font-weight:700;color:var(--stone-800)}
.identity-copy small{color:var(--stone-600);font-size:10px;text-transform:uppercase;letter-spacing:.07em}
.account-link{color:var(--stone-600);font-size:12px;font-weight:600}
.navigation-toggle{display:none;width:44px;height:44px;padding:0;place-items:center;border:1px solid var(--stone-200);border-radius:11px;background:white;color:var(--stone-900)}
.navigation-toggle-icon{width:20px;display:grid;gap:4px}
.navigation-toggle-icon span{height:2px;border-radius:2px;background:currentColor}
main{width:100%;max-width:1400px;margin:0 auto;flex:1;padding:38px 28px 64px}
.portal-footer{margin-top:auto;border-top:1px solid var(--stone-200);background:rgba(255,255,255,.78);color:var(--stone-600);font-size:12px}
.footer-inner{max-width:1400px;min-height:72px;margin:auto;padding:16px 28px;display:flex;align-items:center;gap:24px}
.footer-inner>a{margin-left:auto;color:var(--stone-700)}
.footer-brand{display:flex;align-items:center;gap:7px}
.footer-brand strong{font-family:var(--font-display);font-size:17px;color:var(--stone-800)}
.footer-brand strong span,.footer-mark{color:var(--orange)}
.muted{color:var(--stone-600)}
.eyebrow{margin-bottom:5px;color:var(--orange-dark);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
.heading,.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:25px}
.heading p,.page-head p{margin-bottom:0}
.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.card,.panel,.auth-card,.form-card{position:relative;margin-bottom:22px;padding:24px;border:1px solid var(--stone-200);border-radius:var(--radius);background:rgba(255,255,255,.96);box-shadow:var(--shadow)}
.card::before,.panel::before{content:"";position:absolute;top:-1px;left:24px;width:48px;height:3px;border-radius:0 0 3px 3px;background:var(--orange)}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:18px}
.card-head h2,.card-head h3{margin:0}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:22px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}
.metric{min-width:0;padding:20px;border:1px solid var(--stone-200);border-radius:15px;background:rgba(255,255,255,.96);box-shadow:0 7px 25px rgba(41,37,36,.05)}
.metric strong{display:block;color:var(--stone-950);font-family:var(--font-display);font-size:30px;line-height:1.15}
.metric span{color:var(--stone-600);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.btn,button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:8px 14px;border:1px solid var(--stone-300);border-radius:9px;background:white;color:var(--stone-800);cursor:pointer;font:600 13px/1.3 var(--font-sans);text-align:center;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.btn:hover,button:hover,.button:hover{border-color:var(--stone-500);background:var(--stone-100);text-decoration:none}
.btn:active,button:active,.button:active{transform:translateY(1px)}
.primary{border-color:var(--orange);background:var(--orange);color:white;box-shadow:0 5px 14px rgba(234,88,12,.17)}
.primary:hover{border-color:var(--orange-dark);background:var(--orange-dark);color:white}
.secondary{border-color:var(--stone-300);background:white;color:var(--stone-800)}
.danger{border-color:#fecaca;background:white;color:var(--red)}
.danger:hover{border-color:var(--red);background:var(--red-soft)}
.light{border-color:var(--stone-300);background:white;color:var(--stone-800)}
.small{min-height:31px;padding:5px 9px;font-size:11px}
form.inline{display:inline-flex}
.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:20px;padding:16px;border:1px solid var(--stone-200);border-radius:13px;background:var(--stone-50)}
.filters input,.filters select{min-width:150px}
.field{margin-bottom:17px}
.field label{display:block;margin-bottom:6px;color:var(--stone-700);font-size:12px;font-weight:700}
.form-control,.form-select,input:not([type=hidden]):not([type=checkbox]):not([type=radio]),select,textarea{width:100%;max-width:100%;min-height:43px;padding:9px 11px;border:1px solid var(--stone-300);border-radius:9px;background:white;color:var(--stone-900);font:inherit;transition:border-color .15s ease,box-shadow .15s ease}
textarea{min-height:105px;resize:vertical}
input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--orange)}
input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(234,88,12,.12);outline:0}
.help{display:block;margin-top:5px;color:var(--stone-600);font-size:12px}
.errorlist{margin:5px 0;padding:0;color:var(--red);font-size:12px;list-style:none}
.errorbox{margin-bottom:16px;padding:12px 14px;border:1px solid #fecaca;border-radius:10px;background:var(--red-soft);color:var(--red)}
.notice{margin-bottom:18px;padding:13px 16px;border:1px solid #bfdbfe;border-left:4px solid var(--blue);border-radius:10px;background:var(--blue-soft);color:#1e3a8a;font-size:13px}
.notice.success{border-color:#bbf7d0;border-left-color:#16a34a;background:var(--green-soft);color:var(--green)}
.notice.error{border-color:#fecaca;border-left-color:var(--red);background:var(--red-soft);color:var(--red)}
.notice.warning{border-color:#fed7aa;border-left-color:var(--orange);background:var(--orange-soft);color:#9a3412}
.badge{display:inline-flex;align-items:center;padding:3px 8px;border:1px solid var(--stone-300);border-radius:999px;background:var(--stone-100);color:var(--stone-700);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.badge.closed,.badge.paid,.badge.succeeded{border-color:#bbf7d0;background:var(--green-soft);color:var(--green)}
.badge.urgent,.badge.void,.badge.failed{border-color:#fecaca;background:var(--red-soft);color:var(--red)}
.badge.internal,.badge.pending,.badge.open{border-color:#fed7aa;background:var(--orange-soft);color:#9a3412}
.table-wrap{width:100%;overflow:auto;border:1px solid var(--stone-200);border-radius:12px}
.card>.table-wrap:last-child,.panel>.table-wrap:last-child{margin-bottom:0}
table{width:100%;border-collapse:collapse;font-size:13px}
th{padding:11px 12px;border-bottom:1px solid var(--stone-200);background:var(--stone-100);color:var(--stone-600);font-size:10px;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}
td{padding:13px 12px;border-bottom:1px solid var(--stone-200);vertical-align:top}
tbody tr{transition:background .15s ease}
tbody tr:hover{background:#fffaf7}
tr:last-child td{border-bottom:0}
.right{text-align:right;white-space:nowrap}
.empty{padding:28px;color:var(--stone-600);text-align:center}
.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 22px;padding:5px;border:1px solid var(--stone-200);border-radius:12px;background:white}
.tabs a{padding:8px 13px;border-radius:8px;color:var(--stone-700);font-size:13px;font-weight:600}
.tabs a:hover{background:var(--stone-100);text-decoration:none}
.tabs a.active{background:var(--stone-900);color:white}
.tab-panel[hidden]{display:none}
.entry{margin-bottom:15px;padding:18px;border:1px solid var(--stone-200);border-radius:13px;background:white}
.entry.internal{border-left:4px solid var(--orange)}
.entry p{margin:10px 0}
.files{margin:0;padding:0;list-style:none}
.files li{padding:9px 0;border-bottom:1px solid var(--stone-200)}
.totals{max-width:360px;margin-left:auto;padding:15px;border-radius:12px;background:var(--stone-50)}
.totals div{display:flex;justify-content:space-between;gap:20px;padding:5px 0}
.totals .grand{margin-top:8px;padding-top:12px;border-top:1px solid var(--stone-300);font-family:var(--font-display);font-size:21px;font-weight:700}
.login,.auth-card{max-width:470px;margin:48px auto}
.auth-card h1,.auth-card h2{text-align:center}
.screen-only{display:block}
.prose p{margin:0 0 12px}
.payment-card{border-left:4px solid var(--orange)}
.review-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}
.review-note{grid-column:1/-1;margin-top:6px;padding-top:16px;border-top:1px solid var(--stone-200)}
.review-note textarea{margin-bottom:9px}
.status-note{padding:12px 14px;border-radius:10px;background:var(--stone-100);color:var(--stone-700);font-size:12px}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(234,88,12,.34);outline-offset:3px}
@media(max-width:1080px){.identity-copy{display:none}.account-link{display:none}.header-inner{gap:18px}.navigation-panel{gap:12px}.primary-navigation>a,.management-menu>summary{padding-inline:8px}}
@media(max-width:900px){body.navigation-open::after{content:"";position:fixed;z-index:80;inset:70px 0 0;background:rgba(28,25,23,.35);backdrop-filter:blur(2px)}.header-inner{min-height:70px;padding:9px 18px}.navigation-toggle{display:grid;margin-left:auto}.navigation-panel{position:absolute;z-index:90;top:calc(100% + 1px);left:0;right:0;max-height:calc(100vh - 72px);display:none;overflow:auto;padding:14px 18px 20px;border-bottom:1px solid var(--stone-200);background:white;box-shadow:0 15px 30px rgba(41,37,36,.14)}.navigation-panel.is-open{display:block}.primary-navigation{display:grid;gap:4px}.primary-navigation>a,.management-menu>summary{padding:11px 12px;font-size:14px}.management-menu-items{position:static;width:auto;margin:3px 0 8px 13px;padding-left:11px;border:0;border-left:2px solid var(--orange);border-radius:0;box-shadow:none}.identity{margin-top:12px;padding:14px 12px 0;border-top:1px solid var(--stone-200);flex-wrap:wrap}.identity-copy{display:grid;text-align:left}.account-link{display:inline}.grid,.layout{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}main{padding:30px 18px 50px}.footer-inner{padding-inline:18px}.website-link{margin-left:auto}}
@media(max-width:720px){h1{font-size:2rem}.heading,.page-head{align-items:flex-start}.heading>.actions,.page-head>.actions{width:100%}.heading>.actions .btn,.page-head>.actions .btn{flex:1}.card,.panel,.auth-card,.form-card{padding:19px;border-radius:15px}.card::before,.panel::before{left:19px}.filters{display:grid;grid-template-columns:1fr}.filters>*{width:100%}.filters input,.filters select{min-width:0}.table-wrap:has(.mobile-table){overflow:visible;border:0;border-radius:0}.mobile-table,.mobile-table tbody,.mobile-table tr,.mobile-table td{display:block;width:100%}.mobile-table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.mobile-table tr{margin-bottom:12px;padding:7px 13px;border:1px solid var(--stone-200);border-radius:12px;background:white;box-shadow:0 4px 14px rgba(41,37,36,.04)}.mobile-table td{display:grid;grid-template-columns:minmax(7rem,38%) 1fr;gap:12px;padding:9px 0;border-bottom:1px solid var(--stone-200);text-align:left!important;white-space:normal}.mobile-table td::before{content:attr(data-label);color:var(--stone-600);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.mobile-table td:last-child{border-bottom:0}.mobile-table td.empty{display:block;padding:18px;text-align:center!important}.mobile-table td.empty::before{display:none}.mobile-table td .actions{justify-content:flex-start}.mobile-table td .btn,.mobile-table td button{max-width:100%;white-space:normal}.review-actions{grid-template-columns:1fr}.footer-inner{justify-content:center;flex-wrap:wrap;text-align:center}.footer-inner>a{margin-left:0}.footer-inner>span{width:100%}}
@media(max-width:480px){.brand-mark{width:38px;height:38px}.brand-copy strong{font-size:19px}.metrics{grid-template-columns:1fr}.metric{padding:17px}.actions{width:100%}.actions>.btn,.actions>button,.actions>form{flex:1}.actions>form .btn,.actions>form button{width:100%}.tabs{display:grid;grid-template-columns:1fr 1fr}.tabs a{text-align:center}.mobile-table td{grid-template-columns:1fr;gap:3px}.totals{max-width:none}.footer-brand{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
@media print{.site-header,.portal-footer,.screen-only,.tabs,button,.actions,.topographic-background{display:none!important}body{display:block;background:white;color:#000}main{max-width:none;margin:0;padding:0}.card,.panel{box-shadow:none;border:0;padding:10px 0}.card::before,.panel::before{display:none}.tab-panel[hidden]{display:block}.grid,.layout{display:block}a{color:#000}.notice{background:white}.table-wrap{overflow:visible}thead{display:table-header-group}tr{break-inside:avoid}}
