@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap);.header{background-color:var(--header-bg);border-bottom:1px solid #ffffff1a;color:#fff;height:72px;justify-content:space-between;padding:0 32px}.header,.header-left{align-items:center;display:flex}.header-left{gap:16px}.logo-circle{align-items:center;border:1px solid var(--accent-gold);border-radius:50%;color:var(--accent-gold);display:flex;font-family:var(--font-main);font-size:18px;height:40px;justify-content:center;width:40px}.header-title{display:flex;flex-direction:column}.header-title-main{width:160px}.header-title-sub{color:var(--accent-gold);font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase}.header-right{align-items:center;display:flex;gap:12px}.header-btn{border-radius:20px;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:1px;padding:8px 16px;transition:all .2s ease}.header-btn.client-view{background-color:var(--accent-gold);color:var(--header-bg)}.header-btn.admin-view{background-color:initial;color:var(--accent-gold)}.header-btn:hover{opacity:.9;transform:translateY(-1px)}.mobile-menu-btn{background:none;border:none;color:#fff;cursor:pointer;display:none}@media (max-width:768px){.header{padding:0 16px}.header-btn{display:none}.mobile-menu-btn{display:block}}.sidebar{background-color:var(--sidebar-bg);border-right:1px solid #ffffff0d;display:flex;flex-direction:column;height:calc(100vh - 72px);transition:transform .3s ease;width:260px;z-index:50}.sidebar-header{padding:32px 24px 16px}.sidebar-title{color:var(--accent-gold);font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase}.sidebar-nav{display:flex;flex-direction:column;padding:16px 0}.nav-link{align-items:center;border-left:2px solid #0000;color:#a0aab4;display:flex;font-size:14px;font-weight:500;padding:16px 24px;text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:#ffffff05;color:#fff}.nav-link.active{background-color:#ffffff0d;border-left-color:var(--accent-gold);color:#fff}.nav-num{color:inherit;font-family:var(--font-mono);font-size:13px;margin-right:12px}.badge{align-items:center;background-color:#d35449;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:20px;justify-content:center;margin-left:12px;width:20px}@media (max-width:768px){.sidebar{left:0;position:fixed;top:72px;transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}.layout-container{background-color:var(--bg-color);display:flex;flex-direction:column;min-height:100vh}.layout-main{display:flex;flex:1 1;position:relative}.content-area{flex:1 1;height:calc(100vh - 72px);overflow-y:auto;padding:48px}.page-content{margin:0 auto;max-width:900px}.mobile-overlay{display:none}@media (max-width:768px){.content-area{padding:24px 16px}.mobile-overlay{background-color:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:72px;z-index:40}}.page-container{padding-bottom:40px}.page-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:16px}.page-title h1{color:#222;font-size:24px;font-weight:500;margin-bottom:8px}.page-meta{color:var(--text-light);text-transform:uppercase}.page-meta,.status-badge{font-family:var(--font-mono);font-size:11px;letter-spacing:.5px}.status-badge{background-color:#e6f0e9;border:1px solid #bce0cc;border-radius:20px;color:#3e7c59;font-weight:700;padding:6px 16px}.timeline-container{align-items:center;display:flex;justify-content:space-between;margin:40px 0;position:relative}.timeline-line{background-color:var(--border-color);height:2px;left:30px;position:absolute;right:30px;top:16px;z-index:1}.timeline-step{flex-direction:column;gap:12px;position:relative;width:80px;z-index:2}.step-circle,.timeline-step{align-items:center;display:flex}.step-circle{background-color:#fff;border:1px solid var(--border-color);border-radius:50%;color:var(--text-light);font-size:14px;height:32px;justify-content:center;width:32px}.step-circle.completed{border-color:#cdb384;color:#cdb384}.step-circle.active{background-color:#1a2332;border-color:#1a2332;color:#fff}.step-label{color:var(--text-light);font-size:12px;font-weight:500}.step-circle.active+.step-label,.step-circle.completed+.step-label{color:#222}.card{background-color:#fff;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px #00000005;margin-bottom:24px;padding:24px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.card-title{font-size:16px;font-weight:600}.card-badge{border:1px solid var(--accent-gold);border-radius:12px;color:var(--accent-gold);font-family:var(--font-mono);font-size:10px;font-weight:700;padding:4px 10px}.list-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 0}.list-item:last-child{border-bottom:none;padding-bottom:0}.list-item:first-child{padding-top:0}.item-content h4{color:var(--text-light);font-family:var(--font-mono);font-size:10px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.item-content p{color:#222;font-size:14px}.status-pill{border-radius:12px;font-family:var(--font-mono);font-size:10px;font-weight:700;padding:4px 12px}.status-pill.requested{background-color:#fce8e6;color:#c53030}.status-pill.due{background-color:#f8f5ee;border:1px solid #e2ddd3;color:#d98c42}.activity-date{color:var(--text-light);font-family:var(--font-mono);font-size:12px}@media (max-width:640px){.timeline-container{gap:32px;justify-content:flex-start;overflow-x:auto;padding-bottom:16px}.timeline-line{width:150%}.page-header{flex-direction:column;gap:16px}}.agreement-card{background-color:#fff;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px #00000005;padding:24px}.document-content{background-color:#e8e2d5;border-left:4px solid #cdb384;border-radius:0 4px 4px 0;margin-bottom:24px;padding:24px 32px}.doc-paragraph{color:#333;font-size:14px;line-height:1.6;margin-bottom:16px}.doc-paragraph:last-child{margin-bottom:0}.accepted-badge{align-items:center;border:1px solid #cdb384;border-radius:4px;color:#b8860b;display:inline-flex;font-family:var(--font-mono);font-size:11px;font-weight:700;gap:8px;letter-spacing:.5px;margin-bottom:12px;padding:6px 12px}.accepted-info{color:var(--text-light);font-size:13px}.status-badge.accepted{background-color:#e6f0e9;border:1px solid #bce0cc;color:#3e7c59}.doc-list-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 0}.doc-info{display:flex;flex-direction:column}.doc-category{color:var(--text-light);font-family:var(--font-mono);font-size:10px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.doc-name{color:#222;font-size:14px}.status-badge.verified{background-color:#e6f0e9;border-color:#0000;color:#3e7c59}.status-badge.uploaded{background-color:#fdf3e7;border-color:#0000;color:#b8860b}.status-badge.not-uploaded{background-color:#fce8e6;border-color:#0000;color:#c53030}.upload-btn{background-color:#1a2332;border-radius:4px;color:#fff;display:inline-block;font-size:14px;font-weight:500;margin-top:24px;padding:10px 20px;transition:opacity .2s}.upload-btn:hover{opacity:.9}.form-group{margin-bottom:32px}.form-group:last-of-type{margin-bottom:24px}.form-label{color:#222;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.form-textarea{border:1px solid var(--border-color);border-radius:4px;color:#333;font-family:inherit;font-size:14px;min-height:80px;padding:16px;resize:vertical;transition:border-color .2s;width:100%}.form-textarea:focus{border-color:#cdb384;outline:none}.form-textarea::placeholder{color:#a0aab4}.save-btn{background-color:#1a2332;border-radius:4px;color:#fff;font-size:14px;font-weight:500;padding:10px 24px;transition:opacity .2s}.save-btn:hover{opacity:.9}.invoice-card{background-color:#fff;border:1px solid var(--border-color);border-radius:4px;box-shadow:0 1px 2px #00000005;margin-bottom:24px;padding:32px}.invoice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.invoice-title{color:#222;font-size:16px;font-weight:600}.invoice-row{color:#444;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px}.invoice-row.total{color:#222;font-weight:700;margin-bottom:0;padding-top:16px}.invoice-divider{background-color:var(--border-color);height:1px;margin:16px 0}.amount{font-family:var(--font-mono);letter-spacing:.5px}.pay-btn{background-color:#fff;border:1px solid var(--border-color);border-radius:4px;color:#333;font-size:13px;font-weight:500;margin-top:24px;padding:8px 16px;transition:all .2s}.pay-btn:hover{background-color:#f8f5ee;border-color:#ccc}.status-badge.paid{background-color:#e6f0e9;border:none;color:#3e7c59}.status-badge.due{background-color:#fce8e6;border:none;color:#c53030}:root{--sidebar-bg:#1a2332;--header-bg:#1a2332;--bg-color:#f8f5ee;--text-main:#333;--text-light:#7e8c9a;--accent-gold:#cdb384;--border-color:#e2ddd3;--success-bg:#e8f2ec;--success-text:#4a8c66;--warning-bg:#fdf3e7;--warning-text:#d98c42;--danger-bg:#fce8e6;--danger-text:#c53030;--font-main:"Inter",sans-serif;--font-mono:"Space Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f5ee;background-color:var(--bg-color);color:#333;color:var(--text-main);font-family:Inter,sans-serif;font-family:var(--font-main)}button{background:none;border:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0003}
/*# sourceMappingURL=main.5c074f18.css.map*/