*{margin:0;padding:0;font-family:Noto Sans,sans-serif}html{scrollbar-gutter:stable}:root{--color-green: #3db46d;--color-lightgreen: #c7ecd6;--color-lightgray: #bdbdbd;--color-grey: #2e2e2e;--color-red: #eb5757;--layout-width: min(1120px, 92%)}.App{display:flex;flex-wrap:wrap;align-content:center;background-color:#fff;min-height:100vh;flex-direction:column}.loading-home-container{width:100dvh;height:100dvh;display:flex;align-items:center;justify-content:center}.modal{position:fixed;inset:0;margin:auto;display:flex;flex-direction:column;align-content:center;z-index:1;width:350px;height:fit-content;background:#fff;border-radius:12px;padding:0 20px}@media(max-width:768px){.modal{width:300px}}.modal h3{font-weight:500;font-size:20px;width:100%;margin-top:20px}.modal__form{display:flex;width:100%;justify-content:center;align-items:center}.modal__form label{display:flex;width:100%;flex-direction:column;justify-content:center;align-items:center;margin:20px 0 0;font-size:14px}@media(max-width:768px){.modal__form label{font-size:10px}}.modal__form input[type=text],.modal__form input[type=password]{width:85%;margin-top:10px;padding:0 20px;height:40px;border:1px solid #4f4f4f;filter:drop-shadow(0px 1px 6px rgba(0,0,0,.1));border-radius:12px;color:var(--color-grey);outline:none;font-size:14px}.modal__form-buttons{width:100%;display:flex;justify-content:flex-end;margin:20px 0;column-gap:10px}.modal__form-buttons input[type=button]{height:40px;width:90px;font-size:14px;cursor:pointer}.modal__form-buttons #cancel-btn{border:1px solid #4f4f4f;border-radius:12px;background-color:transparent;color:#4f4f4f}.modal__form-buttons #delete-btn{background-color:var(--color-red);border:0px;border-radius:12px;color:#fff}.modal__form-buttons #submit-btn{background-color:var(--color-green);border:0px;border-radius:12px;color:#fff}.grid-masonry{width:var(--layout-width);flex:1;columns:3 260px;gap:20px;padding:36px 0 56px}.grid-masonry--loading{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;columns:unset}.grid-masonry--loading p{color:#6b6b6b;font-size:14px;font-weight:500}.grid-masonry__item-container{position:relative;margin-bottom:20px;border-radius:16px;overflow:hidden;break-inside:avoid;background:linear-gradient(135deg,#f2f2f2,#dfdfdf);box-shadow:0 10px 24px #0000001f;cursor:pointer}.grid-masonry__image{width:100%;display:block;background-color:var(--color-lightgray);transition:transform .32s ease,filter .32s ease}.grid-masonry__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:14px;opacity:0;pointer-events:none;background:linear-gradient(to top,#0000009e,#0000001f 55%,#00000008);transition:opacity .25s ease}.grid-masonry__item-container:hover .grid-masonry__overlay,.grid-masonry__item-container:focus-within .grid-masonry__overlay{opacity:1;pointer-events:auto}.grid-masonry__item-container:hover .grid-masonry__image,.grid-masonry__item-container:focus-within .grid-masonry__image{filter:brightness(72%);transform:scale(1.03)}.grid-masonry__delete-button{align-self:flex-end;min-height:30px;min-width:78px;border:1px solid var(--color-red);border-radius:999px;background:transparent;color:#fff;font-family:Montserrat;font-size:13px;font-weight:600;letter-spacing:.2px;cursor:pointer;transition:all .2s ease}.grid-masonry__delete-button:hover{background-color:var(--color-red);border-color:var(--color-red)}.grid-masonry__image-title{width:fit-content;max-width:100%;padding:7px 11px;border-radius:10px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000047}.grid-masonry__image-title h3{color:#fff;font-family:Montserrat;font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:940px){.grid-masonry{columns:2 220px;gap:16px;padding:28px 0 44px}}@media(max-width:620px){.grid-masonry{columns:1 100%;gap:14px;padding:20px 0 36px}.grid-masonry__item-container{margin-bottom:14px;border-radius:14px}.grid-masonry__overlay{opacity:1;pointer-events:auto;background:linear-gradient(to top,#00000073,#0000001a 55%,#00000008)}.grid-masonry__item-container:hover .grid-masonry__image{filter:brightness(78%);transform:none}}.no-images-loaded{width:var(--layout-width);min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column}.no-images-loaded img{height:120px;width:auto}.generic-button{display:flex;justify-content:center;align-items:center;background-color:transparent;border-radius:38px;cursor:pointer}.generic-button p{font-family:Montserrat}.img-delete-button{position:absolute;top:15px;right:15px;height:25px;width:63px;border:1px solid var(--color-red);z-index:1;transition:all ease .2s}.img-delete-button:hover{background-color:var(--color-red)}.img-delete-button:hover p{color:#fff}.img-delete-button p{color:var(--color-red);font-size:14px;font-weight:500}.cancel-upload-button{position:fixed;right:35px;top:35px;border:1px solid var(--color-red);height:3em;width:3em;z-index:2;background-color:var(--color-red)}.cancel-upload-button p{color:#fff;font-weight:700;font-size:1.2em}.loader-container{width:64px;height:64px;display:flex;justify-content:center;align-items:center}.loader-spinner{width:48px;height:48px;border:5px solid rgba(255,255,255,.2);border-top-color:var(--color-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{width:var(--layout-width);display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;box-sizing:border-box}@media(max-width:768px){.header{flex-direction:column;align-items:stretch;gap:12px;margin-top:14px}}.header__logo-container{display:flex;align-items:center;flex-shrink:0}.header__logo-container img{height:48px;width:48px}@media(max-width:768px){.header__logo-container{align-self:self-start}}.header__upload-btn{display:flex;justify-content:center;align-items:center;width:136px;height:42px;border:1px solid var(--color-green);border-radius:10px;background-color:#fff;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;color:var(--color-green);font-size:14px;font-weight:600;font-family:Montserrat}.header__upload-btn:hover{background-color:var(--color-green);color:#fff}.header-logout{display:flex;justify-content:center;align-items:center}.header-logout button{background-color:transparent;color:#757575;font-size:14px;font-weight:500;padding:8px 4px;outline:none;border:0px;cursor:pointer;transition:color .2s ease}.header-logout button:hover{color:var(--color-red)}.header_logout-upload-container{display:flex;align-items:center;justify-content:flex-end;gap:12px}.header__searchbar{position:relative;display:flex;align-items:center;width:min(380px,100%);height:44px;background-color:#fff;border:1px solid #d9d9d9;border-radius:10px;transition:border-color .2s ease}@media(max-width:768px){.header__searchbar{width:100%}}.header__searchbar:focus-within{border-color:#909090}.header__searchbar__icon{width:48px;height:100%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB2AAAAdgB+lymcgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAO8SURBVHic7ZvNS1VBGIefE2Uk1sY+doFKlh+bKApTM1yEEZRofvSxDQz6I6T+A6Ooffm1t9KKiGxZuhGi1MIWlbpQkm6hZou5yr3vnHv0HM977hXPA7OYI8zvN++ZeWfmzBViYmJiYrYvjlK7BUAtcBaoBI4AB5PPARaAn8BnYAx4Awwnn29ZHKAB6AcSwIrPkgB6k21ovRg1moBR/Hc6UxkBGiPtQUBKgCHC67gsz4DiyHrjk3Zgnszmx4H7wFXgOFAI7EqWwuSza8ADYMKjnXmgNaI+bZg7uJtdArqBMz7bc4BqoCfZhlvbnSH4DoV7uBscBI6G0H4Z8DKDRlcI7W+Ku9imfgM3FbQ6cF9NOhW0NkS7i5lp4KSi5ilgxkW3RVHTlRLshDcNHItAuww7CHNAUQTaawxiD3vNNy85jT0dnkYl3oQ9BDXm/HrccvFxWVvUAd4L0SFtUQ9eCS8jKG+bLwjBJcJZ6oJSjr1POK8p2C/EnmiKbZA+0j11awkVYCcevzs8DWqwE3K+hpAc/uPkxjHVAb4Q0jTY4fG3OlFfXQqzzeq2O5VzQRvzCkCFqA8HFVHgrahLrxvGKwClov4xqIgC0ov0GgqzpM+zQg2RgBwg3duMhshfIZKnIRKQ3aR7+xO0Ia8psJUIvDp5BeCXqO8NKqLAPlEP/DndKwCzon44qIgC0suPoA15BeCTqJcFFVFAepkM2pBXAMZEvSaoiAK1oj6qIdJAeqadIHe2wl9J99agIeR2GKrWEPJJLemeFoA9WmK9QqxHS8gH8ojerykmp8ES2U2GlcCy8FSvKehgPjulCr7QFFzHy2vhRf2TGJhbWvkxskNb1IXbLj4uRiX+XAgnMJcWUVGF2e+nehiIUJ9izGWEPIFFkQ8qsE+mc2RhZ9qKPQRnMJcWWlRhd/4f0Kyo6UkndhASmEuLMHEwc14O+9WVqC1kPV90uZhawVxalIfQfiV2tpdlkSwHoRN3Y8uYzVMN/pYnB7PD68de51PffE4FoQU7MaaWSeAhcB04gfmklpcs+5PPbgCPsD9zy4TXjOnsIjkWhCLMLa3XcN1MGSA92+dkEAAuAR8Ir+MjZN7k5GwQHMwNTTfmuspvpxcw9371rJ8/QguC1j46H5MI6zAbmVLgEOaI7WA6+x2TJ0aBd5ifyyZ8aLQBj4GdKc+WMHmlb3P2tw5XsEfCahC2DXEQiIMAxEEA4iAAcRCAzPuELfE/CGHhFoRvWXWUBWQQprJrJzs0Yt78FOaHXzExMTFr/AchixVsIfqnjQAAAABJRU5ErkJggg==);background-size:16px 16px;background-repeat:no-repeat;background-position:center;opacity:.7;pointer-events:none}.header__searchbar input{width:calc(100% - 48px);height:100%;font-weight:400;font-size:14px;color:#333;border:0px;padding-right:34px;outline:none;background-color:transparent}.header__searchbar input::placeholder{color:#9c9c9c}.header__searchbar__clear{position:absolute;right:8px;height:20px;width:20px;border:0;border-radius:999px;background-color:transparent;color:#8b8b8b;font-size:11px;font-weight:600;cursor:pointer;transition:color .2s ease}.header__searchbar__clear:hover{color:#414141}@media(max-width:900px){.header{display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo actions" "search search";align-items:center}.header__logo-container{grid-area:logo}.header__searchbar{grid-area:search}.header_logout-upload-container{grid-area:actions;justify-self:end}}@media(max-width:600px){.header_logout-upload-container{justify-content:flex-end;gap:10px}.header__upload-btn{width:128px;height:40px;font-size:13px}}.upload-modal-backdrop{background-color:#000000b8;animation:upload-backdrop-in .2s ease-out}.upload-modal-backdrop--closing{animation:upload-backdrop-out .22s ease-in forwards;pointer-events:none}.upload-modal-shell{position:relative;width:min(92vw,520px);animation:upload-modal-in .24s cubic-bezier(.22,1,.36,1);transform-origin:center}.upload-modal-shell--closing{animation:upload-modal-out .22s ease-in forwards}.upload-modal-close{position:absolute;top:-12px;right:-12px;z-index:2;height:30px;width:30px;border:none;border-radius:999px;background-color:#2f2f2f;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.upload-card{border:1px solid #e6e6e6;border-radius:14px;background-color:#fff;padding:22px 20px;box-shadow:0 16px 34px #0000002e}.upload-card-top{text-align:center;margin-bottom:14px}.upload-card-top h2{color:#2f2f2f;font-family:Montserrat;font-size:22px;font-weight:700}.upload-card-top p{color:#767676;font-size:13px;margin-top:6px}.upload-tag-form{margin-bottom:16px}.upload-tag-field{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #e8ece9;border-radius:14px;background:linear-gradient(180deg,#fafdfb,#f4f8f5)}.upload-tag-label{color:#2f2f2f;font-size:13px;font-weight:700;letter-spacing:.01em}.upload-tag-input{width:100%;height:46px;padding:0 14px;border:1px solid #cfd8d2;border-radius:12px;background-color:#fff;color:#202020;font-size:14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;box-sizing:border-box}.upload-tag-input::placeholder{color:#8b948e}.upload-tag-input:focus{border-color:var(--color-green);box-shadow:0 0 0 4px #3db46d24}.upload-tag-hint{color:#6e7771;font-size:12px;line-height:1.4}.upload-dropzone{position:relative;border:1px dashed #cfcfcf;border-radius:12px;min-height:300px;background-color:#fcfcfc;transition:border-color .2s ease,background-color .2s ease}.upload-dropzone--active{border-color:var(--color-green);background-color:#f6fbf8}.upload-dropzone-content{min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:16px;box-sizing:border-box}.upload-dropzone-content p{color:#666;font-size:14px;font-weight:500}.upload-select-btn{height:38px;padding:0 16px;border:1px solid var(--color-green);border-radius:10px;background-color:#fff;color:var(--color-green);font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease}.upload-select-btn:hover{background-color:var(--color-green);color:#fff}.upload-hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.upload-modal-progress>div{width:min(92vw,420px)}@media(max-width:768px){.upload-modal-shell{width:94vw}.upload-card{padding:18px 14px;border-radius:12px}.upload-tag-field{padding:12px;border-radius:12px}.upload-tag-input{height:42px;font-size:13px}.upload-card-top h2{font-size:20px}.upload-dropzone,.upload-dropzone-content{min-height:220px}.upload-modal-close{top:8px;right:8px}}@keyframes upload-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes upload-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes upload-modal-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes upload-modal-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes appear{0%{opacity:0;transform:translate(-500px)}to{opacity:1;transform:translate(0)}}.pop-up{position:fixed;z-index:3;bottom:15px;right:auto;left:auto;background-color:var(--color-lightgreen);width:300px;height:fit-content;display:flex;justify-content:space-between;padding:10px 15px;border-radius:8px;color:#0c2315;animation:appear .5s}#close-button{cursor:pointer;height:fit-content}.image-preview-backdrop{animation:preview-backdrop-in .2s ease-out}.image-preview-backdrop--closing{animation:preview-backdrop-out .22s ease-in forwards;pointer-events:none}.image-preview-modal{position:relative;width:min(92vw,980px);max-height:88vh;display:block;border-radius:14px;animation:preview-zoom-in .24s cubic-bezier(.22,1,.36,1);transform-origin:center}.image-preview-modal--closing{animation:preview-zoom-out .22s ease-in forwards}.image-preview-modal img{width:100%;max-height:88vh;object-fit:contain;border-radius:14px;background-color:#101010;box-shadow:0 24px 48px #00000073}.image-preview-modal p{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:6px 10px;border-radius:8px;font-family:Montserrat;font-size:14px;font-weight:600;color:#fff;background-color:#0000006b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-preview-modal__close{position:absolute;top:10px;right:10px;height:32px;width:32px;border:none;border-radius:999px;cursor:pointer;color:#fff;font-size:14px;font-weight:700;background-color:#2f2f2f}@media(max-width:768px){.image-preview-modal{width:94vw;border-radius:12px}.image-preview-modal img{max-height:84vh;border-radius:12px}.image-preview-modal__close{top:8px;right:8px;height:28px;width:28px}}@keyframes preview-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes preview-zoom-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes preview-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes preview-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.auth-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;box-sizing:border-box;background:linear-gradient(180deg,#fff,#f8f8f8)}.auth-card{width:min(420px,100%);border:1px solid #e6e6e6;border-radius:14px;background-color:#fff;padding:30px 26px 24px;box-shadow:0 8px 24px #0000000f}.auth-card__header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:22px;text-align:center}.auth-card__header img{width:34px;height:34px}.auth-card__header h1{font-size:24px;font-weight:700;color:#222}.auth-card__header span{font-size:14px;color:#6e6e6e}.auth-card__form{display:flex;flex-direction:column;gap:14px}.auth-field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600;color:#4d4d4d}.auth-input{height:42px;border:1px solid #d8d8d8;border-radius:10px;outline:none;padding:0 12px;font-size:14px;color:#2f2f2f;background-color:#fff;transition:border-color .2s ease}.auth-input::placeholder{color:#9d9d9d}.auth-input:focus{border-color:#8b8b8b}.auth-btn{width:100%;height:44px;margin-top:4px;border:1px solid var(--color-green);border-radius:10px;background-color:var(--color-green);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:filter .2s ease}.auth-btn:hover{filter:brightness(.95)}.auth-card__footer{margin-top:16px;text-align:center;font-size:13px;color:#6a6a6a}.auth-link{color:var(--color-green);font-weight:600;cursor:pointer}.auth-link:hover{text-decoration:underline}@media(max-width:540px){.auth-container{padding:16px}.auth-card{padding:24px 18px 20px;border-radius:12px}.auth-card__header h1{font-size:22px}}.error-message{color:#ff4d4f;background-color:#ffeaea;padding:8px;border-radius:6px;margin-bottom:12px;font-size:14px}.input-error{border:1px solid #ff4d4f;background-color:#fff5f5}.register-card{width:min(460px,100%)}.register-form-shell{width:100%;margin-left:clamp(280px,36vw,520px);display:flex;justify-content:center;align-items:center;padding:24px;box-sizing:border-box}.register-fixed-panel{position:fixed;top:0;left:0;width:clamp(280px,36vw,520px);height:100vh;background:#111;z-index:1;overflow:hidden}.register-panel__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 82%;filter:saturate(1.05) contrast(1.05)}.register-panel__overlay{position:absolute;inset:0;background:linear-gradient(180deg,#00000038,#0009)}.register-panel__content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:26px;color:#fff;gap:8px;text-align:center}.register-panel__content h2{margin:0;font-size:23px;line-height:1.2}.register-panel__content p{margin:0;font-size:14px;line-height:1.45;color:#ffffffe0}@media(max-width:840px){.register-fixed-panel{position:relative;width:min(420px,calc(100% - 32px));height:220px;border-radius:12px;margin:0 auto 16px}.register-form-shell{margin-left:0;padding:0 16px 16px}.register-panel__content h2{font-size:20px}}