.drawer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;transition:opacity .3s ease-in-out}.drawer[data-open=false]{opacity:0}.drawer[data-open=true]{opacity:1;pointer-events:all}.drawer-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);cursor:pointer;transition:opacity .3s ease-in-out}.drawer[data-open=false] .drawer-backdrop{opacity:0}.drawer-panel{position:absolute;top:0;right:0;width:100%;max-width:400px;height:100%;background:#fff;box-shadow:-4px 0 24px rgba(0,0,0,.2);display:flex;flex-direction:column;overflow-y:auto;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.drawer[data-open=true] .drawer-panel{transform:translateX(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #dee2e6;background:#f8f9fa;flex-shrink:0}.drawer-header strong{font-size:1.25rem;font-weight:700;color:#1a1a1a}.menu-btn{display:flex;align-items:center;gap:8px;background:0 0;border:none;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:600;color:#c00;border-radius:6px;transition:all .2s ease;font-family:inherit}.menu-btn:hover{background:rgba(204,0,0,.1)}.menu-btn:active{transform:scale(.98)}.drawer-close{color:#c00}.drawer-nav{flex:1;padding:16px 0;overflow-y:auto}.drawer-nav a{display:block;padding:14px 24px;color:#1a1a1a;text-decoration:none;font-size:16px;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.drawer-nav a:hover{background:#f8f9fa;border-left-color:#c00;color:#c00}.drawer-nav a:active{background:#e9ecef}.drawer-nav details{border-bottom:1px solid #e9ecef}.drawer-nav summary{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;color:#1a1a1a;font-size:16px;font-weight:500;cursor:pointer;user-select:none;list-style:none;transition:all .2s ease;border-left:3px solid transparent}.drawer-nav summary::-webkit-details-marker{display:none}.drawer-nav summary:hover{background:#f8f9fa;border-left-color:#c00;color:#c00}.drawer-nav details[open] summary{background:#f8f9fa;border-left-color:#c00;color:#c00}.drawer-nav details[open] summary span[aria-hidden=true]{transform:rotate(180deg)}.drawer-nav summary span[aria-hidden=true]{transition:transform .2s ease}.drawer-sub{background:#f8f9fa;padding:8px 0;border-left:3px solid #c00}.drawer-sub a{padding:12px 24px 12px 48px;font-size:15px;color:#666;border-left:none}.drawer-sub a:hover{background:#e9ecef;color:#c00}.drawer-actions{padding:24px;border-top:1px solid #dee2e6;background:#f8f9fa;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.btn{display:inline-block;padding:14px 24px;border-radius:8px;font-weight:600;font-size:16px;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;cursor:pointer;font-family:inherit}.btn-primary{background:linear-gradient(135deg,#c00 0,#a30000 100%);color:#fff!important;box-shadow:0 4px 12px rgba(204,0,0,.3)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(204,0,0,.4);background:linear-gradient(135deg,#a30000 0,#8b0000 100%)}.btn-secondary{background:#fff;color:#c00!important;border:2px solid #c00;box-shadow:0 2px 8px rgba(0,0,0,.1)}.btn-secondary:hover{background:#c00;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 16px rgba(204,0,0,.3)}.btn:active{transform:translateY(0)}.menu-toggle{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:rgba(255,255,255,.1);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit}.menu-toggle:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.menu-toggle svg{width:20px;height:20px}@media (max-width:480px){.drawer-panel{max-width:100%}.drawer-header{padding:16px 20px}.drawer-nav a,.drawer-nav summary{padding:12px 20px}.drawer-sub a{padding:10px 20px 10px 40px}.drawer-actions{padding:20px}}body.drawer-open{overflow:hidden}@media (prefers-reduced-motion:reduce){.btn,.drawer,.drawer-backdrop,.drawer-nav a,.drawer-nav summary,.drawer-panel,.menu-btn{transition:none}}