*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--black: #231f20;--dark: #2d2d2d;--mid: #464646;--gray: #767676;--light: #f3f3f3;--white: #ffffff;--yellow: #f5e206;--yellow-d: #e2cf03;--blue: #0066bc;--red: #c02b0a;--green: #43a047;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.1), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.05)}body{font-family:Inter,sans-serif;font-size:15px;line-height:1.5;color:var(--black);background:var(--light);min-height:100vh}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:14px;border:1.5px solid #d0d0d0;border-radius:6px;padding:8px 12px;outline:none;transition:border-color .15s;width:100%;background:#fff}input:focus,select:focus,textarea:focus{border-color:var(--blue)}.app-shell{display:flex;min-height:100vh;flex-direction:column}.topnav{background:var(--black);padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000004d}.topnav__logo{font-size:20px;font-weight:700;color:var(--yellow);letter-spacing:-.3px}.topnav__logo span{color:var(--white)}.topnav__links{display:flex;gap:4px}.topnav__links a{color:#ffffffbf;text-decoration:none;font-size:14px;font-weight:500;padding:6px 14px;border-radius:6px;transition:.15s}.topnav__links a:hover,.topnav__links a.active{background:#ffffff1a;color:#fff;text-decoration:none}.topnav__right{display:flex;align-items:center;gap:12px}.page{max-width:1100px;margin:0 auto;padding:32px 24px;flex:1}.page--wide{max-width:1400px}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:6px;font-size:14px;font-weight:500;border:none;transition:.15s;cursor:pointer;text-decoration:none}.btn:hover{text-decoration:none;opacity:.9}.btn--primary{background:var(--yellow);color:var(--blue);font-weight:700}.btn--primary:hover{background:var(--yellow-d)}.btn--dark{background:var(--black);color:#fff}.btn--dark:hover{background:var(--dark)}.btn--outline{background:#fff;color:var(--black);border:1.5px solid #d0d0d0}.btn--outline:hover{border-color:var(--black)}.btn--danger{background:var(--red);color:#fff}.btn--sm{padding:5px 12px;font-size:13px}.btn--lg{padding:12px 28px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.badge--draft{background:#f0f0f0;color:#666}.badge--sent{background:#dbeafe;color:#1e40af}.badge--partial{background:#fef3c7;color:#92400e}.badge--completed{background:#d1fae5;color:#065f46}.badge--voided{background:#fee2e2;color:#991b1b}.badge--pending{background:#f0f0f0;color:#666}.badge--opened{background:#fef3c7;color:#92400e}.badge--signed{background:#d1fae5;color:#065f46}.badge--scanning{background:#dbeafe;color:#1e40af}.badge--done{background:#d1fae5;color:#065f46}.badge--error{background:#fee2e2;color:#991b1b}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:5px;color:var(--mid)}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;font-weight:600;color:var(--gray);text-transform:uppercase;letter-spacing:.5px;padding:10px 16px;border-bottom:2px solid #eee}td{padding:12px 16px;border-bottom:1px solid #f0f0f0;font-size:14px}tr:last-child td{border-bottom:none}tr:hover td{background:#fafafa}.empty{text-align:center;padding:64px 24px;color:var(--gray)}.empty__icon{font-size:48px;margin-bottom:16px;opacity:.3}.empty__title{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--mid)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:12px}.page-header h1{font-size:24px;font-weight:700}.page-header p{color:var(--gray);font-size:14px;margin-top:2px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border:2px solid #e0e0e0;border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}.alert{padding:12px 16px;border-radius:6px;font-size:14px;margin-bottom:16px}.alert--error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.alert--success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.divider{border:none;border-top:1px solid #eee;margin:24px 0}.tabs{display:flex;gap:2px;border-bottom:2px solid #eee;margin-bottom:24px}.tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--gray);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;background:none;border-top:none;border-left:none;border-right:none;transition:.15s}.tab:hover{color:var(--black)}.tab.active{color:var(--black);border-bottom-color:var(--black)}