@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&display=swap");*{box-sizing:border-box;margin:0;padding:0}body{background:#fff;color:#0a0a0a;font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#aaa}.gi-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:20px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.gi-card:hover{background:#f5f5f5;border-color:#d0d0d0}.gi-card.unread{background:#fafafa;border-left:3px solid #0a0a0a}.gi-card.selected{background:#f0f0f0;border-color:#0a0a0a}.gi-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#0a0a0a;color:#fff;border:none;border-radius:50px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .15s ease;font-family:DM Sans,sans-serif;white-space:nowrap}.gi-btn-primary:hover{opacity:.82}.gi-btn-primary:disabled{opacity:.4;cursor:not-allowed}.gi-btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:#0a0a0a;border:1px solid #e5e5e5;border-radius:50px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .15s ease,background .15s ease;font-family:DM Sans,sans-serif;white-space:nowrap}.gi-btn-ghost:hover{border-color:#0a0a0a;background:#f5f5f5}.gi-btn-ghost:disabled{opacity:.4;cursor:not-allowed}.gi-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:600;font-family:DM Sans,sans-serif}.gi-badge.paid,.gi-badge.sent{background:#e8f5e9;color:#1b5e20}.gi-badge.overdue{background:#ffebee;color:#b71c1c}.gi-badge.draft{background:#f5f5f5;color:#6b6b6b}.gi-badge.pending{background:#fff8e1;color:#e65100}.gi-badge.trial{background:#f5f5f5;color:#6b6b6b}.gi-badge.active{background:#e8f5e9;color:#1b5e20}.gi-badge.cancelled{background:#ffebee;color:#b71c1c}.gi-input{width:100%;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:8px;padding:12px 16px;font-size:15px;color:#0a0a0a;outline:none;font-family:DM Sans,sans-serif;transition:border-color .15s ease,background .15s ease}.gi-input:focus{border-color:#0a0a0a;background:#fff}.gi-input::-moz-placeholder{color:#aaa}.gi-input::placeholder{color:#aaa}.gi-input:disabled{opacity:.5;cursor:not-allowed}.gi-avatar{width:44px;height:44px;font-size:16px;font-family:DM Sans,sans-serif}.gi-avatar,.gi-avatar-sm{border-radius:50%;background:#0a0a0a;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.gi-avatar-sm{width:34px;height:34px;font-size:13px}.gi-divider{height:1px;background:#e5e5e5}.skeleton{background:linear-gradient(90deg,#f5f5f5 25%,#ececec 50%,#f5f5f5 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.gi-overlay{background:rgba(0,0,0,.3);backdrop-filter:blur(2px)}.gi-table-row{border-bottom:1px solid #f0f0f0;transition:background .1s ease}.gi-table-row:hover{background:#fafafa}::-moz-selection{background:#0a0a0a;color:#fff}::selection{background:#0a0a0a;color:#fff}