@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{--ink:#152621;--muted:#687871;--paper:#f6f7f2;--card:#fff;--line:#dfe5de;--green:#123f35;--mint:#dff0e8;--orange:#e86f3c;--orange-dark:#c94f20;--danger:#ae2b2b;--shadow:0 18px 50px rgba(22,54,44,.08);--radius:22px}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}body{margin:0;min-height:100vh}button,input{font:inherit}a{color:inherit}.skip-link{position:absolute;left:1rem;top:-5rem;background:#fff;padding:.8rem 1rem;z-index:100}.skip-link:focus{top:1rem}.topbar{height:80px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,4vw,4rem);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:.75rem;text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--green);color:#fff;display:grid;place-items:center;font:800 1.25rem Manrope}.brand strong,.brand small{display:block}.brand strong{font:700 1rem Manrope}.brand small{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}.brand.large .brand-mark{width:48px;height:48px;font-size:1.5rem}.top-actions{display:flex;gap:1rem;align-items:center}.secure-pill,.connection,.tag{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;font-size:.78rem;font-weight:700}.secure-pill{background:#edf5f1;padding:.45rem .75rem;color:var(--green)}.secure-pill i,.status-dot{width:7px;height:7px;border-radius:50%;background:#2c9a67}.page{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:3.5rem 0 5rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--orange);margin:0 0 .65rem}.hero,.preview-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:3.2rem}.hero h1,.preview-hero h1{font:800 clamp(2.1rem,5vw,4.2rem)/1 Manrope;margin:.15rem 0 1rem;letter-spacing:-.045em}.hero p,.preview-hero p{color:var(--muted);font-size:1.05rem;margin:0}.safety-card{display:flex;gap:.8rem;align-items:flex-start;background:var(--card);border:1px solid var(--line);padding:1rem 1.15rem;border-radius:15px;box-shadow:var(--shadow);min-width:290px}.safety-card .status-dot{margin-top:.35rem}.safety-card strong,.safety-card small{display:block}.safety-card small{color:var(--muted);margin-top:.2rem}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:1.2rem}.section-heading h2{font:750 1.6rem Manrope;margin:0}.profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.profile-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.7rem;box-shadow:var(--shadow);position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--green)}.profile-card.aramedica:before{background:var(--orange)}.profile-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-icon{width:48px;height:48px;border-radius:14px;background:var(--mint);color:var(--green);display:grid;place-items:center;font:800 1.25rem Manrope}.aramedica .profile-icon{background:#fff0e8;color:var(--orange-dark)}.connection{padding:.4rem .65rem;background:#e8f4ee;color:#24744e}.connection.off{background:#f2f1ed;color:#7d807b}.profile-card h3{font:750 1.65rem Manrope;margin:.2rem 0 .45rem}.profile-card>p:not(.eyebrow){color:var(--muted);margin:0 0 1.25rem}.rule-summary{background:#f7f8f5;border:1px solid #e9ece7;border-radius:14px;padding:.8rem 1rem;display:grid;gap:.35rem;max-height:135px;overflow:auto}.rule-summary span{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;color:var(--muted)}.rule-summary strong{white-space:nowrap;color:var(--ink)}.preview-form{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1rem;align-items:center;margin-top:1.25rem}.preview-form label{font-size:.78rem;font-weight:700;color:var(--muted)}.preview-form input{border:1px solid var(--line);border-radius:10px;padding:.65rem .8rem;color:var(--ink);background:#fff}.preview-form .button{grid-column:1/-1}.button{border:0;border-radius:11px;min-height:44px;padding:.7rem 1rem;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none}.button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid rgba(232,111,60,.35);outline-offset:2px}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:#0b322a}.button.ghost{background:#eef1ed;color:var(--ink)}.button.danger{background:var(--danger);color:#fff}.button:disabled{cursor:not-allowed;opacity:.42}.wide{width:100%}.history{margin-top:3rem}.table-wrap{border:1px solid var(--line);border-radius:18px;overflow:auto;background:#fff;box-shadow:var(--shadow)}table{border-collapse:collapse;width:100%;min-width:720px;text-align:left}th{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#f5f7f3}th,td{padding:1rem;border-bottom:1px solid var(--line)}tbody tr:last-child td{border-bottom:0}td{font-size:.9rem}td small{display:block;color:var(--muted);margin-top:.18rem}.muted{color:var(--muted)}.tag{padding:.38rem .62rem;background:#edf0ed}.tag.completed,.tag.ready{background:#e1f2e9;color:#1b6a45}.tag.blocked,.tag.error{background:#fae9e5;color:#a94124}.tag.duplicate{background:#f5eedb;color:#82671e}.empty-state{text-align:center;background:#fff;border:1px dashed #cbd4cc;border-radius:18px;padding:2.5rem}.empty-state p{color:var(--muted);margin:.4rem 0}.breadcrumb{display:flex;gap:.5rem;font-size:.85rem;color:var(--muted);margin-bottom:2rem}.breadcrumb a{color:var(--green);font-weight:700}.metrics{display:flex;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.metrics div{padding:1rem 1.5rem;min-width:110px}.metrics div+div{border-left:1px solid var(--line)}.metrics strong,.metrics span{display:block}.metrics strong{font:800 1.8rem Manrope}.metrics span{font-size:.75rem;color:var(--muted)}code{font-size:.75rem;background:#f0f2ee;padding:.25rem .4rem;border-radius:5px}.action-bar{display:flex;justify-content:space-between;margin-top:1.2rem}.alert{padding:.85rem 1rem;border-radius:11px;margin:1rem 0}.alert.error{background:#fae9e5;color:#8d2d1f}.error-page{max-width:680px;margin:4rem auto;text-align:center}.error-page .profile-icon{margin:0 auto 1rem}.login-page{width:100%;max-width:none;padding:0;min-height:100vh;background:var(--green);display:grid;place-items:center}.login-shell{width:min(1080px,calc(100% - 2rem));display:grid;grid-template-columns:1.25fr .85fr;gap:5rem;align-items:center}.login-intro{color:#fff}.login-intro .brand{margin-bottom:4.5rem}.login-intro .brand-mark{background:var(--orange)}.login-intro .brand small{color:#b8cec6}.login-intro h1{font:800 clamp(2.6rem,5vw,4.7rem)/1.02 Manrope;letter-spacing:-.05em;margin:.4rem 0 1.3rem}.login-intro>p:not(.eyebrow){max-width:600px;color:#bdd1ca;font-size:1.1rem;line-height:1.6}.feature-list{list-style:none;padding:0;margin:2rem 0;display:grid;gap:.8rem;color:#e2eee9}.feature-list li:before{content:"✓";color:#ff9b70;font-weight:800;margin-right:.7rem}.login-card{background:#fff;border-radius:26px;padding:2.3rem;box-shadow:0 30px 80px rgba(0,0,0,.25)}.login-card h2{font:800 1.8rem Manrope;margin:.2rem 0 .45rem}.form-stack{display:grid;gap:.55rem;margin-top:1.4rem}.form-stack label{font-size:.8rem;font-weight:750;margin-top:.4rem}.form-stack input{border:1px solid #cfd8d1;border-radius:11px;padding:.8rem .9rem;min-height:46px}.form-stack .button{margin-top:.65rem;background:var(--orange)}.form-stack .button:hover{background:var(--orange-dark)}.security-note{text-align:center;font-size:.72rem;color:var(--muted);margin:1.2rem 0 0}
@media(max-width:800px){.page{padding-top:2rem}.profile-grid,.login-shell{grid-template-columns:1fr}.login-shell{gap:2rem;padding:2rem 0}.login-intro .brand{margin-bottom:2.5rem}.login-intro h1{font-size:2.7rem}.hero,.preview-hero{align-items:flex-start;flex-direction:column}.safety-card{min-width:0;width:100%}.secure-pill{display:none}.topbar{height:68px}.profile-grid{gap:1rem}.metrics{width:100%}.metrics div{flex:1}.action-bar{gap:.75rem;flex-direction:column}.action-bar .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}