:root{--green: #6AB33D;--green-dark: #4F8C2C;--gray: #D1CECE;--gray-light: #F4F4F4;--black: #1A1A1A}*{box-sizing:border-box}body{margin:0;font-family:Helvetica Neue,Arial,sans-serif;background:#fafafa;color:var(--black)}.app-shell{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--black);color:#fff;padding:20px 0;flex-shrink:0}.sidebar .brand{display:flex;align-items:center;gap:8px;margin:0 16px 16px;padding:12px 14px;background:#fff;border-radius:8px}.sidebar .brand img{height:32px}.sidebar .brand span{font-weight:700;font-size:14px}.sidebar nav a{display:block;padding:10px 20px;color:#ccc;text-decoration:none;font-size:14px;border-left:3px solid transparent}.sidebar nav a:hover,.sidebar nav a.active{background:#6ab33d26;color:#fff;border-left-color:var(--green)}.main-content{flex:1;padding:28px 36px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h1{font-size:20px;margin:0}.btn{background:var(--green);color:#fff;border:none;padding:9px 16px;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer}.btn:hover{background:var(--green-dark)}.btn.secondary{background:#fff;color:var(--black);border:1px solid var(--gray)}.btn.danger{background:#c0392b}table.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000000f}table.data-table thead th{background:var(--green);color:#fff;text-align:left;padding:10px 14px;font-size:12px;text-transform:uppercase}table.data-table tbody td{padding:10px 14px;border-bottom:1px solid var(--gray-light);font-size:13px}table.data-table tbody tr:hover{background:var(--gray-light)}.badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:11px;font-weight:700;text-transform:capitalize;color:#fff;background:var(--green-dark)}.badge.draft{background:#999}.badge.rejected,.badge.cancelled{background:#c0392b}.badge.expired{background:#b8860b}.card{background:#fff;border-radius:6px;padding:20px;box-shadow:0 1px 3px #0000000f}form .field{margin-bottom:14px}form label{display:block;font-size:12px;font-weight:600;margin-bottom:4px;color:#555}form input,form select,form textarea{width:100%;padding:8px 10px;border:1px solid var(--gray);border-radius:4px;font-size:13px}.line-items-table{width:100%;border-collapse:collapse;margin-bottom:12px}.line-items-table th{text-align:left;font-size:11px;color:#777;padding:6px 8px}.line-items-table td{padding:6px 8px}.line-items-table input{width:100%}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f4f4f4,#e8f5df)}.login-box{background:#fff;padding:36px;border-radius:8px;box-shadow:0 4px 20px #00000014;width:340px;text-align:center}.login-box img{height:44px;margin-bottom:16px}