@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,700&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-white: #ffffff;--color-orange: #df1526;--color-orange-hover: #c4101f;--color-orange-dark: #a30c1a;--color-orange-light: #fdecee;--color-gray: #535456;--color-gray-light: #e8e8ea;--color-gray-border: #e0e0e0;--color-gray-bg: #f6f6f7;--color-black: #1e1e1e;--color-black-soft: #2a2a2c;--color-pending: #9ca3af;--color-reminder-soon: #f59e0b;--color-due-today: #df1526;--color-called: #3b82f6;--color-completed: #10b981;--color-cancelled: #ef4444;--color-red: #e53935;--color-yellow: #f59e0b;--color-green: #22c55e;--color-blue: #3b82f6;--orange: var(--color-orange);--orange-dark: var(--color-orange-dark);--orange-light: var(--color-orange-light);--gray: var(--color-gray);--gray-light: var(--color-gray-bg);--gray-border: var(--color-gray-border);--black: var(--color-black);--white: var(--color-white);--red: var(--color-red);--yellow: var(--color-yellow);--green: var(--color-green);--blue: var(--color-blue);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-primary: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--sidebar-width: 230px;--topbar-height: 56px;--transition-fast: .12s ease;--transition-base: .2s ease}html,body{font-family:var(--font-primary);color:var(--color-black);background:var(--color-gray-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:var(--text-sm);line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:700;color:var(--color-black)}button{cursor:pointer;font-family:inherit;border:none;background:none}input,textarea,select{font-family:inherit}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;font-size:13px;line-height:1;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--color-orange);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:var(--color-orange-hover)}.btn-secondary{background:var(--color-white);color:var(--color-black);border-color:var(--color-gray-border)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-bg)}.btn-ghost{background:transparent;color:var(--color-gray);border-color:var(--color-gray-border)}.btn-ghost:hover:not(:disabled){background:var(--color-gray-bg);color:var(--color-black)}.btn-danger{background:#ef4444;color:var(--color-white)}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-green{background:var(--color-green);color:var(--color-white)}.btn-green:hover:not(:disabled){background:#16a34a}.btn-sm{padding:5px 11px;font-size:12px}.btn-lg{padding:12px 22px;font-size:14px}.card{background:var(--color-white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.04)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--color-gray);text-transform:uppercase;letter-spacing:.5px}.form-label .required{color:var(--color-orange);margin-left:2px}.form-input{width:100%;padding:10px 12px;border:1px solid var(--color-gray-border);border-radius:var(--radius-md);font-size:14px;outline:none;background:var(--color-white);color:var(--color-black);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus{border-color:var(--color-orange);box-shadow:0 0 0 3px #fa8d4a26}.form-input:disabled{background:var(--color-gray-bg);color:var(--color-gray);cursor:not-allowed}textarea.form-input{resize:vertical;min-height:80px}.form-error{color:#ef4444;font-size:13px;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:600}.badge-pending{background:#e5e7eb;color:#6b7280}.badge-reminder_soon{background:#fef3c7;color:#92400e}.badge-due_today{background:var(--color-orange);color:#fff}.badge-called{background:#dbeafe;color:#1e40af}.badge-completed{background:#d1fae5;color:#065f46}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.table thead th{background:var(--color-gray-bg);padding:12px 16px;text-align:left;font-weight:600;font-size:13px;color:var(--color-gray);border-bottom:1px solid var(--color-gray-light);text-transform:uppercase;letter-spacing:.3px}.table tbody td{padding:13px 16px;font-size:13px;border-bottom:1px solid var(--color-gray-light)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--color-gray-bg);cursor:pointer}.table tbody tr:last-child td{border-bottom:none}@media (max-width: 640px){.table,.table thead,.table tbody,.table tr,.table th,.table td{display:block}.table thead{display:none}.table tbody tr{background:var(--color-white);border-radius:var(--radius-md);padding:12px;margin-bottom:10px;box-shadow:var(--shadow-sm)}.table tbody td{border:none;padding:6px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.table tbody td:before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--color-gray);text-transform:uppercase;letter-spacing:.3px}}.empty-state{text-align:center;padding:48px 20px;color:var(--color-gray);display:flex;flex-direction:column;align-items:center;gap:10px}.empty-state p{font-size:13px}.empty-state h4{font-size:15px;color:var(--color-black);font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes skeletonShimmer{0%{background-position:-200px 0}to{background-position:200px 0}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade{animation:fadeIn var(--transition-base)}.animate-slide{animation:slideUp var(--transition-base)}.animate-scale{animation:scaleIn var(--transition-base)}.animate-shake{animation:shake .35s ease}.animate-pulse{animation:pulse .4s ease}.animate-spin{animation:spin .8s linear infinite}.skeleton{display:block;background:linear-gradient(90deg,#eee,#f5f5f5,#eee 80px);background-size:200px 100%;border-radius:var(--radius-sm);animation:skeletonShimmer 1.2s linear infinite}.toast-container{position:fixed;top:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none}.toast{min-width:260px;max-width:400px;padding:12px 16px 12px 14px;background:var(--color-white);border-radius:var(--radius-md);border-left:4px solid var(--color-gray);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;font-size:13px;pointer-events:auto;animation:slideUp .22s ease}.toast-success{border-left-color:var(--color-green)}.toast-error{border-left-color:#ef4444}.toast-info{border-left-color:var(--color-gray)}@media (max-width: 768px){.hide-mobile{display:none!important}body{font-size:14px}input,select,textarea,.form-input{font-size:16px!important}.mitos-main>main{padding-bottom:calc(80px + env(safe-area-inset-bottom))!important}}@media (min-width: 769px){.only-mobile{display:none!important}}body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}button,a,.nav-link{-webkit-tap-highlight-color:transparent}@supports (padding: max(0px)){.safe-top{padding-top:max(env(safe-area-inset-top),0px)}.safe-bottom{padding-bottom:max(env(safe-area-inset-bottom),0px)}.safe-left{padding-left:max(env(safe-area-inset-left),0px)}.safe-right{padding-right:max(env(safe-area-inset-right),0px)}}