@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--color-primary: #1B3A6B;--color-secondary: #E8521A;--color-accent: #F5A623;--color-success: #27AE60;--color-info: #2980B9;--color-bg: #F0F4F8;--color-surface: #FFFFFF;--color-text: #1A1A2E;--color-textMuted: #7F8C8D;--color-card: #FFFFFF;--color-inputBg: #FFFFFF;--color-header: linear-gradient(135deg, #1B3A6B, #2c5282);--color-header-bg: #1B3A6B;--color-border: #D5E0EC;--font-heading: "Nunito", sans-serif;--font-body: "Inter", sans-serif;--radius-card: 12px;--shadow-card: 0 2px 12px rgba(27,58,107,.1);--shadow-btn: 0 4px 14px rgba(232,82,26,.3);--bottom-nav-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:#fff;color:var(--color-text);max-width:430px;margin:0 auto;min-height:100dvh;overflow-x:hidden}::-webkit-scrollbar{display:none}.page-content{background:var(--color-bg);padding:16px 16px calc(var(--bottom-nav-h) + var(--safe-bottom) + 16px);min-height:100dvh;color:var(--color-text)}#root{background:var(--color-bg);color:var(--color-text)}.card{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:1px solid var(--color-border);padding:16px}.btn-primary{background:var(--color-secondary);color:#fff;border:none;border-radius:10px;padding:14px 24px;font-family:var(--font-heading);font-weight:700;font-size:15px;cursor:pointer;width:100%;box-shadow:var(--shadow-btn);transition:transform .1s,opacity .1s}.btn-primary:active{transform:scale(.97);opacity:.9}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:10px;padding:12px 20px;font-family:var(--font-heading);font-weight:600;cursor:pointer;width:100%}.btn-outline:active{transform:scale(.98)}.badge{border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px}.badge-received{background:#e8f4fd;color:var(--color-info)}.badge-in_progress{background:#fef9e7;color:#d4a017}.badge-resolved{background:#eafaf1;color:var(--color-success)}.badge-rejected{background:#fdedec;color:#c0392b}.input{width:100%;border:1.5px solid var(--color-border);border-radius:10px;padding:12px 14px;font-family:var(--font-body);font-size:15px;color:var(--color-text);background:var(--color-surface);transition:border-color .2s}.input:focus{outline:none;border-color:var(--color-primary)}.input::placeholder{color:var(--color-muted)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%237F8C8D' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}textarea.input{resize:none}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.loading-spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-secondary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:40px 20px;color:var(--color-muted)}.empty-state svg{margin-bottom:12px;opacity:.5}.error-message{background:#fdedec;border-radius:10px;padding:16px;color:#c0392b;font-size:14px;margin-bottom:16px}.success-message{background:#eafaf1;border-radius:10px;padding:16px;color:var(--color-success);font-size:14px;margin-bottom:16px}