.pedigri-root{background:var(--color-bg);min-height:100%;color:var(--color-text)}.topbar{padding-top:calc(14px + env(safe-area-inset-top,0px));padding-right:calc(18px + env(safe-area-inset-right,0px));padding-bottom:14px;padding-left:calc(18px + env(safe-area-inset-left,0px));border-bottom:3px double var(--color-accent);background:color-mix(in srgb, var(--color-bg) 78%, var(--color-primary-dark) 22%);z-index:20;align-items:center;gap:14px;display:flex;position:sticky;top:0}.topbar-title{min-width:0;overflow:hidden}.topbar-title h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:22px;overflow:hidden}.topbar-title .sub{font-family:var(--font-body);color:var(--color-text-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:12px;font-style:italic;display:block;overflow:hidden}.auth-userbox{flex-shrink:0;position:relative}.auth-userbtn{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;border-radius:7px;align-items:center;gap:9px;padding:7px 10px;font-family:inherit;display:flex}.auth-avatar{color:#fff;background:#0003;border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;font-size:12px;font-weight:700;display:grid}.auth-usertext{text-align:left;line-height:1.05}.auth-usertext strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;max-width:130px;font-size:13px;display:block;overflow:hidden}.auth-usertext small{color:#fff;opacity:.82;font-size:10px}.auth-userbtn-arrow{color:#fff;font-size:12px}.auth-menu{background:var(--color-surface);border:1px solid var(--color-accent);min-width:185px;box-shadow:var(--shadow-card);z-index:35;border-radius:7px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.auth-menu.open{display:block}.auth-menu button{text-align:left;cursor:pointer;width:100%;color:var(--color-text);background:0 0;border:0;align-items:center;gap:8px;padding:11px 13px;font-family:inherit;font-size:13px;display:flex}.auth-menu button:hover{background:var(--color-bg)}@media (width<=820px){.auth-usertext{display:none}}.menu-btn{border:1.5px solid var(--color-primary);background:var(--color-surface);width:40px;height:40px;color:var(--color-primary);cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:19px;display:flex}.menu-btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.menu-btn:disabled{opacity:.6;cursor:not-allowed}.menu-btn-wrap{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;display:flex}.menu-btn-label{letter-spacing:.04em;color:var(--color-text-soft);font-size:10px}@keyframes pedigri-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-btn.is-spinning{animation:.7s linear infinite pedigri-spin}@media (width<=560px){.menu-btn-label{display:none}}.drawer-overlay{z-index:40;opacity:0;pointer-events:none;background:#2b211873;transition:opacity .2s;position:fixed;inset:0}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{background:var(--color-surface);border-right:2px solid var(--color-accent);z-index:41;width:270px;max-width:82vw;height:100%;padding-top:calc(20px + env(safe-area-inset-top,0px));padding-right:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px));padding-left:calc(16px + env(safe-area-inset-left,0px));flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #00000040}.drawer.open{transform:translate(0)}.drawer h2{border-bottom:2px double var(--color-accent);margin:4px 0 20px;padding-bottom:10px;font-size:19px}.drawer-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:14px;min-height:0;display:grid;overflow-y:auto}.drawer-item{background:var(--color-bg);border:1px solid var(--color-accent);cursor:pointer;color:var(--color-text);border-radius:6px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;text-decoration:none;display:flex}.drawer-item:hover{background:var(--color-accent-light)}.drawer-item:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.drawer-item.active{border-color:var(--color-primary);background:var(--color-accent-light)}.drawer-item .di-icon{font-size:30px}.drawer-item .di-label{font-family:var(--font-label);text-align:center;font-size:13px;font-weight:700}@media (width<=820px){.drawer-grid{grid-template-columns:1fr 1fr}}.drawer-lang-switcher{border-top:1px solid var(--color-accent);flex-shrink:0;justify-content:center;gap:6px;margin-top:14px;padding-top:14px;display:flex}.drawer-lang{border:1px solid var(--color-accent);background:var(--color-bg);color:var(--color-text);font-family:var(--font-label);cursor:pointer;border-radius:4px;flex:1;padding:6px 0;font-size:12px;font-weight:700}.drawer-lang.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.notif-box{flex-shrink:0;margin-left:auto;position:relative}.notif-btn{border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-surface) 60%, transparent);color:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;display:flex;position:relative}.notif-badge{color:#fff;text-align:center;background:#c7353f;border-radius:20px;min-width:19px;height:19px;padding:0 4px;font:700 11px/19px Arial,sans-serif;position:absolute;top:-5px;right:-3px}.notif-panel{background:var(--color-surface);border:1px solid var(--color-accent);width:430px;max-width:calc(100vw - 36px);max-height:70vh;box-shadow:var(--shadow-card);z-index:35;border-radius:10px;padding:14px;display:none;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.notif-panel.open{display:block}.notif-panel h3{margin:0 0 10px;font-size:15px}.notif-empty{color:var(--color-text-soft);text-align:center;padding:12px 0;font-size:13px}.notif-group{margin-bottom:10px}.notif-group-title{font-family:var(--font-label);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);margin-bottom:4px;font-size:11px;font-weight:700}.notif-section-title{border-bottom:1px solid var(--color-accent);color:var(--color-primary);font-family:var(--font-label);margin:13px 0 8px;padding-bottom:5px;font-size:13px;font-weight:700}.notif-item{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:7px 4px;font-size:13px;display:flex}.notif-item-icon{text-align:center;flex:0 0 27px;font-size:18px}.notif-item-main{flex:1;min-width:0;display:grid}.notif-item-main strong,.notif-item-main small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.notif-item-date{color:var(--color-text-soft);text-align:right;white-space:nowrap;flex:none;font-size:11px;line-height:1.35}.notif-empty.compact{text-align:left;margin:0;padding:7px 4px}.notif-item:last-child{border-bottom:none}.notif-item.is-overdue span{color:#c7353f}.notif-item.is-today span{font-weight:700}.notif-item small{color:var(--color-text-soft);white-space:nowrap}.notif-view-all{border:1px solid var(--color-primary);width:100%;color:var(--color-primary);cursor:pointer;background:0 0;border-radius:6px;margin-top:6px;padding:8px;font-size:12px;font-weight:700}.notif-view-all:hover{background:var(--color-bg)}.modal.onboarding-modal{max-width:460px}.onboarding-lead{color:var(--color-text-soft);margin:-6px 0 4px;font-size:14px}.onboarding-steps{gap:16px;margin:18px 0 6px;display:grid}.onboarding-step{align-items:flex-start;gap:14px;display:flex}.onboarding-icon{background:var(--color-bg);border:1px solid var(--color-accent);border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:19px;display:grid}.onboarding-step h3{font-size:16px;font-family:var(--font-label);color:var(--color-primary-dark);margin:0 0 3px}.onboarding-step p{color:var(--color-text-soft);margin:0;font-size:13.5px;line-height:1.45}.onboarding-trial-box{background:color-mix(in srgb, var(--color-accent) 16%, transparent);border:2px solid var(--color-accent);border-radius:12px;align-items:flex-start;gap:14px;margin-top:16px;padding:16px;display:flex}.onboarding-trial-box h3{color:var(--color-primary-dark);margin:0 0 4px;font-size:17px}.onboarding-trial-box p{color:var(--color-text-soft);margin:0;font-size:13.5px;line-height:1.5}.onboarding-trial-box p+p{margin-top:8px}.modal.announcement-modal{text-align:center;max-width:460px}.announcement-image{object-fit:cover;border-radius:12px;width:100%;max-height:280px;margin-bottom:12px}.announcement-body{white-space:pre-wrap;text-align:left;font-size:15px;line-height:1.6}.announcement-whatsapp-link{color:#fff;background:#25d366;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin:14px 0 4px;padding:11px 18px;font-size:14.5px;font-weight:700;text-decoration:none;display:flex}.announcement-whatsapp-link:hover{background:#1ebe5a}:root{--color-bg:#efe3c2;--color-surface:#fbf5e6;--color-primary:#6e2a38;--color-primary-dark:#4e1d28;--color-accent:#b8892f;--color-accent-light:#d9b96a;--color-text:#251c14;--color-text-soft:#4d4236;--color-border:color-mix(in srgb, var(--color-accent) 38%, transparent);--color-danger:#8a2f2f;--radius-md:10px;--space-sm:8px;--space-md:16px;--space-lg:24px;--shadow-card:0 12px 34px #0000001f;--font-display:"Playfair Display", Georgia, serif;--font-body:"EB Garamond", Georgia, serif;--font-label:"Cormorant Garamond", Georgia, serif}:root[data-app-theme=bluegray]{--color-bg:#dfe9ee;--color-surface:#f8fbfc;--color-primary:#214f6b;--color-primary-dark:#123448;--color-accent:#b47b3c;--color-accent-light:#e1c39d;--color-text:#142631;--color-text-soft:#425865}:root[data-app-theme=blackgreen]{--color-bg:#e3e9e4;--color-surface:#f8faf8;--color-primary:#167052;--color-primary-dark:#10261f;--color-accent:#b48a3f;--color-accent-light:#dec99c;--color-text:#0e1714;--color-text-soft:#41534c}:root[data-app-theme=slatepurple]{--color-bg:#e9e4ef;--color-surface:#fbf9fc;--color-primary:#65417d;--color-primary-dark:#35213f;--color-accent:#b58a3c;--color-accent-light:#dfc79a;--color-text:#241b29;--color-text-soft:#57495e}:root[data-app-theme=graphite]{--color-bg:#dcdcdc;--color-surface:#f7f7f7;--color-primary:#2b2b2b;--color-primary-dark:#161616;--color-accent:#8a8a8a;--color-accent-light:#c7c7c7;--color-text:#1a1a1a;--color-text-soft:#4a4a4a}:root[data-app-theme=platinum]{--color-bg:#eef0f1;--color-surface:#fff;--color-primary:#5b6670;--color-primary-dark:#3a4249;--color-accent:#9aa3ab;--color-accent-light:#d7dbde;--color-text:#2c3237;--color-text-soft:#5f6a71}:root[data-app-appearance=modern]{color-scheme:dark;--color-bg:#241f20;--color-surface:#302428;--color-primary:#a44a63;--color-primary-dark:#f3dce3;--color-accent:#d4af37;--color-accent-light:#6d5724;--color-text:#fffaf1;--color-text-soft:#d2c5bd;--color-border:color-mix(in srgb, var(--color-accent) 48%, transparent);--color-danger:#ff8e8e;--shadow-card:0 14px 38px #0000006b}:root[data-app-appearance=modern][data-app-theme=bluegray]{--color-bg:#1b262a;--color-surface:#22363d;--color-primary:#4f90a7;--color-primary-dark:#d8f2fa;--color-accent:#c4a15f;--color-accent-light:#624f2d;--color-text:#f8fbfc;--color-text-soft:#bfd0d5}:root[data-app-appearance=modern][data-app-theme=blackgreen]{--color-bg:#1d2520;--color-surface:#25362b;--color-primary:#58a177;--color-primary-dark:#d9f5e4;--color-accent:#c09a50;--color-accent-light:#5b4926;--color-text:#fafcf8;--color-text-soft:#c4d2c7}:root[data-app-appearance=modern][data-app-theme=slatepurple]{--color-bg:#221d28;--color-surface:#32253e;--color-primary:#9467ad;--color-primary-dark:#f0ddfb;--color-accent:#c59b54;--color-accent-light:#5c4828;--color-text:#fcf8ff;--color-text-soft:#d0c2d6}:root[data-app-appearance=modern][data-app-theme=graphite]{--color-bg:#1b1c1c;--color-surface:#282a2a;--color-primary:#888083;--color-primary-dark:#f4edef;--color-accent:#b89456;--color-accent-light:#514329;--color-text:#faf7ef;--color-text-soft:#c9c3ba}:root[data-app-appearance=modern][data-app-theme=platinum]{--color-bg:#34312e;--color-surface:#45413b;--color-primary:#b9aa91;--color-primary-dark:#fff7e8;--color-accent:#c4ad7d;--color-accent-light:#62563f;--color-text:#f7f1e6;--color-text-soft:#d0c5b3}*{box-sizing:border-box}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);margin:0}h1,h2,h3{font-family:var(--font-display);color:var(--color-primary-dark)}.form-error{color:#b3261e;font-size:13px}.empty{text-align:center;color:var(--color-text-soft);padding:40px 20px;font-style:italic}.app-boot-loading{background:var(--color-bg);min-height:100vh}.content{padding-top:22px;padding-right:calc(18px + env(safe-area-inset-right,0px));padding-bottom:calc(60px + env(safe-area-inset-bottom,0px));padding-left:calc(18px + env(safe-area-inset-left,0px));max-width:1100px;margin:0 auto}.global-offline-banner{z-index:7000;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;background:var(--color-accent);color:var(--color-primary-dark);text-align:center;font-size:13px;font-weight:700;position:sticky;top:0}.global-offline-banner small{margin-top:2px;font-size:11px;display:block}.field{margin-bottom:13px}.field label{letter-spacing:1px;text-transform:uppercase;color:var(--color-primary);font-size:12.5px;font-family:var(--font-label);margin-bottom:5px;font-weight:700;display:block}.field input:not([type=checkbox]),.field select,.field textarea{border:1px solid var(--color-accent);background:var(--color-surface);width:100%;font-family:var(--font-body);color:var(--color-text);border-radius:3px;padding:9px 10px;font-size:16px}.field input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary);flex:none}.field textarea{resize:vertical;min-height:60px}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}.field.checkbox-field{align-items:center;gap:8px;display:flex}.field.checkbox-field label{text-transform:none;letter-spacing:normal;font-family:var(--font-body);margin:0;font-weight:400}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.add-panel{background:var(--color-surface);border:1.5px solid var(--color-accent);box-shadow:var(--shadow-card);border-radius:6px;margin-bottom:28px;padding:20px 18px}.add-panel h2{margin:0 0 14px;font-size:21px}.section-title{font-family:var(--font-display);color:var(--color-primary-dark);border-bottom:2px double var(--color-accent);margin:0 0 14px;padding-bottom:8px;font-size:19px}.btn{font-family:var(--font-label);letter-spacing:1.5px;text-transform:uppercase;border:1.5px solid var(--color-primary);background:var(--color-primary);color:var(--color-bg);cursor:pointer;border-radius:2px;padding:10px 22px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.btn.secondary{color:var(--color-primary);background:0 0}.btn.danger{border-color:var(--color-danger);background:var(--color-danger);color:#fff!important}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.block{text-align:center;width:100%;display:block}.btn:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}.mini-btn{border:1px solid var(--color-accent);background:var(--color-surface);cursor:pointer;color:var(--color-primary);border-radius:3px;padding:4px 9px;font-size:12px}.list-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;display:flex}.list-toolbar input:not([type=checkbox]),.list-toolbar select{border:1px solid var(--color-accent);background:var(--color-surface);font-family:var(--font-body);color:var(--color-text);border-radius:3px;padding:9px 10px;font-size:15px}.list-toolbar input:not([type=checkbox]){flex:2;min-width:200px}.list-toolbar select{flex:1;min-width:190px}.list-count{color:var(--color-text-soft);margin:0 0 16px;font-size:13px;font-style:italic}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}