.app-drawer-overlay{position:fixed;top:var(--app-header-height, 56px);left:0;right:0;bottom:0;background:#0f172a6b;backdrop-filter:blur(2px);display:flex;justify-content:flex-end;box-sizing:border-box;transform:translateZ(0)}.app-drawer-overlay--base{z-index:var(--dialog-z-base)}.app-drawer-overlay--nested{z-index:var(--dialog-z-nested)}.app-drawer-overlay--picker{z-index:var(--dialog-z-picker)}.app-drawer-panel{display:flex;flex-direction:column;height:100%;max-height:calc(100dvh - var(--app-header-height, 56px));background:var(--theme-card-bg, var(--theme-surface, #fff));border-left:1px solid var(--theme-border, #e5e7eb);box-shadow:-10px 0 40px #0f172a1f;animation:app-drawer-in .22s ease-out;min-width:0}@keyframes app-drawer-in{0%{transform:translate(100%);opacity:.6}to{transform:translate(0);opacity:1}}.app-drawer-panel--sm{width:min(360px,100vw)}.app-drawer-panel--md{width:min(420px,100vw)}.app-drawer-panel--lg{width:min(480px,100vw)}.app-drawer-panel--xl{width:min(560px,100vw)}.app-drawer-panel--left{border-left:none;border-right:1px solid var(--theme-border, #e5e7eb);box-shadow:10px 0 40px #0f172a1f;animation-name:app-drawer-in-left}@keyframes app-drawer-in-left{0%{transform:translate(-100%);opacity:.6}to{transform:translate(0);opacity:1}}.app-drawer-overlay--left{justify-content:flex-start}.app-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-bottom:1px solid var(--theme-border, #e5e7eb);flex-shrink:0;min-height:52px;box-sizing:border-box}.app-drawer-head-copy{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:center}.app-drawer-title{margin:0;font-size:1rem;font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--theme-text, #111827)}.app-drawer-subtitle{margin:.25rem 0 0;font-size:.8rem;line-height:1.45;color:var(--theme-text-muted, #64748b)}.app-drawer-head-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.app-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--theme-text-muted, #6b7280);cursor:pointer;transition:background .12s ease,color .12s ease}.app-drawer-close:hover:not(:disabled){background:var(--theme-surface-hover, rgba(127, 127, 127, .12));color:var(--theme-text, #111827)}.app-drawer-close ion-icon{font-size:1.25rem}.app-drawer-body{flex:1;min-height:0;overflow-y:auto;padding:14px 16px;-webkit-overflow-scrolling:touch}.app-drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom,0px));border-top:1px solid var(--theme-border, #e5e7eb);flex-shrink:0;flex-wrap:wrap;background:color-mix(in srgb,var(--theme-surface, #fff) 96%,transparent);backdrop-filter:blur(6px)}.form-drawer-panel .app-drawer-body{padding:0;display:flex;flex-direction:column}.form-drawer-content{flex:1;min-height:0;overflow-y:auto;padding:16px 18px 20px;position:relative;-webkit-overflow-scrolling:touch}.form-drawer-head{display:flex;gap:.65rem;align-items:flex-start;width:100%}.form-drawer-head-text{min-width:0}.form-drawer-icon{width:40px;height:40px;border-radius:12px;background:color-mix(in srgb,var(--theme-primary) 12%,transparent);color:var(--theme-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.form-drawer-icon ion-icon{font-size:1.25rem}.form-drawer-saving{position:absolute;inset:0;background:color-mix(in srgb,var(--theme-surface, #fff) 72%,transparent);display:flex;align-items:center;justify-content:center;z-index:2}.form-drawer-panel .app-drawer-footer .app-btn{min-width:5.5rem}.form-drawer-panel .app-drawer-footer{justify-content:stretch}.form-drawer-panel .app-drawer-footer .app-btn--primary{flex:1}@media(min-width:480px){.form-drawer-panel .app-drawer-footer{justify-content:flex-end}.form-drawer-panel .app-drawer-footer .app-btn--primary{flex:0 1 auto}}.app-drawer-tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--theme-border, #e5e7eb);flex-shrink:0;overflow-x:auto}.app-drawer-tab{border:0;background:transparent;color:var(--theme-text-muted, #64748b);font-size:.78rem;font-weight:650;padding:10px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;border-bottom:2px solid transparent;margin-bottom:-1px;font-family:inherit;white-space:nowrap}.app-drawer-tab.active{color:var(--theme-primary);border-bottom-color:var(--theme-primary)}.app-drawer-head--custom{align-items:center}.app-drawer-head-custom{flex:1;min-width:0}@media(max-width:640px){.app-drawer-overlay{top:0;padding-top:env(safe-area-inset-top,0px)}.app-drawer-panel{width:100vw!important;max-width:100vw;max-height:100dvh;border-left:none;border-radius:0}.app-drawer-panel--left{border-right:none}}