@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;inset:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;inset:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}#settings-page{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:120px 0 60px;box-sizing:border-box}.settings-wrapper{width:100%;display:flex;justify-content:center}.settings-container{width:90%;max-width:1000px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:40px}body.dark-mode .settings-card{background:#1e293b;border-color:#334155}.settings-header{margin-bottom:40px;border-bottom:1px solid #f1f5f9;padding-bottom:20px}body.dark-mode .settings-header{border-bottom-color:#334155}.settings-header h1{font-size:1.8rem;font-weight:800;color:#0f172a;margin-bottom:8px}body.dark-mode .settings-header h1{color:#f8fafc}.settings-header p{color:#64748b;font-size:1rem}.settings-grid{display:grid;grid-template-columns:200px 1fr;gap:40px}@media(max-width:700px){.settings-grid{grid-template-columns:1fr}.avatar-panel{flex-direction:row!important;justify-content:center;gap:20px}}.avatar-panel{display:flex;flex-direction:column;align-items:center;gap:16px}.avatar-container{width:140px;height:140px;border-radius:50%;padding:5px;position:relative;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.avatar-inner{width:100%;height:100%;background:#fff;border-radius:50%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}body.dark-mode .avatar-inner{background:#1e293b}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-edit-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:opacity .2s ease;gap:4px}.avatar-inner:hover .avatar-edit-overlay{opacity:1}.border-info{display:flex;flex-direction:column;align-items:center;gap:4px}.border-info .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-weight:700}.border-info .value{font-size:.9rem;font-weight:700}.form-panel{display:flex;flex-direction:column}.input-group{margin-bottom:24px}.input-group label{display:block;font-size:.85rem;font-weight:700;color:#475569;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}body.dark-mode .input-group label{color:#94a3b8}.input-wrapper,.static-input{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;transition:all .2s ease}body.dark-mode .input-wrapper,body.dark-mode .static-input{background:#0f172a;border-color:#334155;color:#f8fafc}.input-wrapper:focus-within{border-color:var(--light-primary);box-shadow:0 0 0 4px #4cc7221a;background:#fff}body.dark-mode .input-wrapper:focus-within{background:#0f172a}.input-wrapper svg,.static-input svg{color:#64748b;flex-shrink:0}.input-wrapper input{border:none;background:transparent;font-size:1rem;font-weight:500;width:100%;color:inherit;font-family:inherit}.input-wrapper input:focus{outline:none}.static-input{opacity:.7;cursor:not-allowed;background:#f8fafc}.input-hint{font-size:.75rem;color:#94a3b8;margin-top:6px;display:block}.status-banner{display:flex;align-items:center;gap:12px;padding:16px;border-radius:12px;margin-bottom:30px;font-size:.95rem;font-weight:500}.status-banner.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}body.dark-mode .status-banner.success{background:#16653433;color:#4ade80;border-color:#4ade8033}.status-banner.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}body.dark-mode .status-banner.error{background:#991b1b33;color:#f87171;border-color:#f8717133}.form-actions{margin-top:10px;display:flex;justify-content:flex-end}.btn{padding:12px 32px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:var(--light-primary, #4cc722);color:#fff}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.skeleton{background:#e2e8f0;position:relative;overflow:hidden;border-radius:4px}body.dark-mode .skeleton{background:#334155}.skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:skeleton-wave 1.5s infinite}body.dark-mode .skeleton:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}@keyframes skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-text{height:1.2rem;width:100%;margin-bottom:8px}.skeleton-avatar{width:140px;height:140px;border-radius:50%}.skeleton-input{height:48px;border-radius:12px}.skeleton-h1{height:2.2rem;width:250px;margin-bottom:12px}.skeleton-p{height:1rem;width:320px}