@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{--bg:#f2f6f9;--surface:#fff;--surface-alt:#eaf1f5;--border:#d8e3ea;--text:#16304a;--text-muted:#5c7389;--navy:#0b355e;--accent:#1c9a8d;--accent-hover:#167d72;--accent-soft:#e2f4f1;--danger:#c1504f;--danger-soft:#f8e6e5;--success:#1c9a8d;--success-soft:#e2f4f1;--warning:#c98a3a;--warning-soft:#f7ecd9;--neutral-soft:#e4ebf0;--radius:14px;--radius-sm:10px;--shadow-card:0 1px 2px #0b355e0f, 0 8px 20px #0b355e0f;font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}a{color:var(--accent)}h1,h2,h3{margin:0 0 .35rem;font-weight:800;line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.15rem}p{margin:0 0 .6rem}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-nav{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;align-items:center;gap:1.75rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.app-nav .brand{color:var(--navy);align-items:center;gap:.5rem;margin-right:auto;font-size:1.05rem;font-weight:800;display:flex}.app-nav .nav-links{align-items:center;gap:1.5rem;display:flex}.app-nav a{color:var(--text-muted);font-size:.95rem;font-weight:600;text-decoration:none}.app-nav a.router-link-exact-active{color:var(--accent)}.app-nav a.brand,.app-nav a.brand.router-link-exact-active{color:var(--navy)}.nav-toggle{color:var(--text);border:1px solid var(--border);background:0 0;padding:.4rem .6rem;display:none}.nav-toggle:hover{background:var(--surface-alt)}.icon-link{border:1px solid var(--border);width:2.25rem;height:2.25rem;color:var(--text-muted);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-link:hover{background:var(--surface-alt);color:var(--text)}.icon-link.router-link-exact-active{color:var(--accent);border-color:var(--accent)}.icon-link .spin{animation:1s linear infinite icon-spin}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-main{flex:1;width:100%;max-width:880px;margin:0 auto;padding:1.75rem 1.5rem 3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);margin-bottom:1.1rem;padding:1.4rem}.card-head{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.tutorial-btn{border-radius:999px;flex-shrink:0;padding:.25rem .75rem;font-size:.82rem}.card+h2{margin-top:1.6rem}.day-divider{color:var(--text-muted);align-items:center;gap:.75rem;margin:1.6rem 0 .75rem;font-size:.85rem;font-weight:700;display:flex}.day-divider:first-child{margin-top:0}.day-divider:after{content:"";background:var(--border);flex:1;height:1px}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{color:var(--text-muted);font-size:.85rem;font-weight:700}.phone-prefix{border:1px solid var(--border);border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm);background:var(--surface-alt);color:var(--text-muted);border-right:none;align-items:center;padding:.65rem .6rem;font-size:.95rem;font-weight:700;display:flex}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);padding:.65rem .8rem;font-family:inherit;font-size:1rem;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent)}button{border-radius:var(--radius-sm);cursor:pointer;background:var(--accent);color:#fff;border:none;padding:.7rem 1.2rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:background-color .15s,transform 50ms}button:hover{background:var(--accent-hover)}button:active{transform:translateY(1px)}button.secondary{background:var(--surface-alt);color:var(--text);border:1px solid var(--border)}button.secondary:hover{background:var(--neutral-soft)}button.danger{background:var(--danger)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.form-actions{gap:.6rem;margin-top:.5rem;display:flex}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.65rem .6rem}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;font-weight:700}tr:last-child td{border-bottom:none}.client-link{color:var(--text);font-weight:700;text-decoration:none}.client-link:hover{color:var(--accent);text-decoration:underline}.detail-link{border:1px solid var(--border);width:2.1rem;height:2.1rem;color:var(--accent);background:var(--surface);border-radius:999px;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s,transform .15s;display:inline-flex}.detail-link:hover{background:var(--accent);border-color:var(--accent);color:var(--surface);transform:translate(2px)}.badge{border-radius:999px;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.badge.pending{background:var(--warning-soft);color:var(--warning)}.badge.sent{background:var(--success-soft);color:var(--success)}.badge.failed{background:var(--danger-soft);color:var(--danger)}.badge.active{background:var(--accent-soft);color:var(--accent)}.badge.cancelled{background:var(--neutral-soft);color:var(--text-muted)}.error-text{color:var(--danger);font-size:.9rem}.muted{color:var(--text-muted);font-size:.92rem}.row{align-items:center;gap:.6rem;display:flex}.list-empty{color:var(--text-muted);padding:.6rem 0;font-style:italic}@media (width<=700px){.app-nav{flex-wrap:wrap;gap:.75rem}.nav-toggle{align-items:center;display:inline-flex}.app-nav .nav-links{flex-direction:column;order:3;align-items:stretch;gap:.25rem;width:100%;display:none}.app-nav .nav-links[data-open=true]{display:flex}.app-nav .nav-links a,.app-nav .nav-links button{text-align:left;width:100%;padding:.6rem .4rem}.app-nav .nav-links a.icon-link,.app-nav .nav-links button.icon-link{width:2.25rem;padding:0}.app-main{padding:1.25rem 1rem 2.5rem}.card{padding:1.1rem}.row{flex-wrap:wrap}table.stack-mobile thead{display:none}table.stack-mobile,table.stack-mobile tbody,table.stack-mobile tr,table.stack-mobile td{width:100%;display:block}table.stack-mobile tr{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.75rem;padding:.75rem .9rem}table.stack-mobile td{text-align:right;border-bottom:none;justify-content:space-between;gap:.75rem;padding:.3rem 0;display:flex}table.stack-mobile td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);text-align:left;font-size:.75rem;font-weight:700}table.stack-mobile td[data-label=""]:before{content:none}}
