#page-loading{position:fixed;top:0;left:0;right:0;z-index:2147483646;height:4px;background:linear-gradient(90deg,#b45d39,#252055,#b45d39);background-size:200% 100%;animation:hopetech-loading-bar 1.2s linear infinite;pointer-events:none}#page-loading[hidden]{display:none}#page-loading span{position:absolute;top:12px;right:16px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dedde8;border-radius:8px;background:#fff;color:#252055;box-shadow:0 3px 16px #16142e1a;font:600 12px/1.3 sans-serif}#page-loading span::before{content:'';width:12px;height:12px;border:2px solid #dad8e6;border-top-color:#b45d39;border-radius:50%;animation:hopetech-loading-spin .7s linear infinite}@keyframes hopetech-loading-spin{to{transform:rotate(360deg)}}@keyframes hopetech-loading-bar{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){#page-loading,#page-loading span::before{animation:none}}
@media print{#page-loading{display:none!important}}

#save-success{position:fixed;bottom:24px;right:24px;z-index:2147483645;display:flex;align-items:center;gap:20px;max-width:calc(100vw - 32px);box-sizing:border-box;padding:16px 20px;border:1px solid #287341;border-radius:12px;background:#ecfdf3;color:#14532d;box-shadow:0 6px 24px #10291826;font:600 15px/1.5 sans-serif}#save-success[hidden]{display:none}#save-success button{border:0;background:transparent;color:inherit;font:24px/1 sans-serif;cursor:pointer;min-width:32px;min-height:32px;padding:0}#save-success button:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media print{#save-success{display:none!important}}