.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#1a1c1e80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-smooth)}.panel-overlay.open{opacity:1;pointer-events:all}.slide-panel{position:fixed;top:0;right:0;bottom:0;z-index:1101;width:min(420px,95vw);background:#fff;box-shadow:var(--shadow-xl);transform:translate(100%);transition:transform var(--dur-slow) var(--ease-smooth);display:flex;flex-direction:column;overflow:hidden}.slide-panel.open{transform:translate(0)}.panel-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.panel-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--txt-primary)}.panel-close{width:36px;height:36px;border-radius:var(--radius-md);border:1.5px solid var(--border-default);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--txt-muted);transition:all var(--dur-fast)}.panel-close:hover{border-color:var(--clr-crimson);color:var(--clr-crimson)}.panel-body{padding:var(--space-8);overflow-y:auto;flex:1}.panel-quick-links{margin-bottom:var(--space-8)}.panel-quick-links h3{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--txt-muted);margin-bottom:var(--space-4)}.quick-link{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--border-default);background:var(--bg-surface);margin-bottom:var(--space-3);cursor:pointer;transition:all var(--dur-base) var(--ease-smooth)}.quick-link:hover{border-color:#02627f59;background:#fff;box-shadow:var(--shadow-md)}.quick-link.selected{border-color:var(--clr-teal);background:#02627f0f;box-shadow:var(--shadow-md)}.quick-link.selected .quick-link-text strong{color:var(--clr-teal)}.quick-link-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-link-icon svg{width:20px;height:20px;stroke:var(--clr-teal);stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.quick-link-text strong{display:block;font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--txt-primary)}.quick-link-text span{font-family:var(--font-body);font-size:var(--text-xs);color:var(--txt-muted)}.panel-form-section h3{font-family:var(--font-ui);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--txt-muted);margin-bottom:var(--space-5)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#1a1c1e99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;pointer-events:none;transition:opacity var(--dur-slow) var(--ease-smooth)}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:#fff;border-radius:var(--radius-2xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);transform:translateY(20px) scale(.97);transition:transform var(--dur-slow) var(--ease-spring)}.modal-overlay.open .modal{transform:translateY(0) scale(1)}.modal-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-subtle);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.modal-header-text h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--txt-primary);margin-bottom:var(--space-1)}.modal-header-text p{font-family:var(--font-body);font-size:var(--text-sm);color:var(--txt-muted)}.modal-close{width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);border:1.5px solid var(--border-default);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--txt-muted);transition:all var(--dur-fast)}.modal-close:hover{border-color:var(--clr-crimson);color:var(--clr-crimson)}.modal-body{padding:var(--space-8)}.modal-note{font-family:var(--font-body);font-size:var(--text-xs);color:var(--txt-muted);text-align:center;margin-top:var(--space-4);line-height:var(--leading-relaxed)}
