:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;width:100vw;min-height:100vh;height:auto;font-family:Inter,sans-serif}#root{width:100vw;margin:0 auto;background-color:#000;color:beige}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Inter;src:url(../assets/fonts/Inter/Inter_28pt-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(../assets/fonts/Inter/Inter_28pt-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:Inter;src:url(../assets/fonts/Inter/Inter_28pt-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Inter;src:url(../assets/fonts/Inter/Inter_28pt-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Inter;src:url(../assets/fonts/Inter/Inter_28pt-Light.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Inter;src:url(../assets/fonts/Inter/Inter_28pt-LightItalic.ttf) format("truetype");font-weight:300;font-style:italic}.rainbow-background{background:linear-gradient(270deg,red,#f90,#ff0,#3c3,#39f,#90c,#f39,red);background-size:1000% 1000%;animation:rainbow 10s linear infinite;width:100%;height:100%}@keyframes rainbow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}svg{opacity:.6;z-index:1}.Nav{display:flex;align-items:stretch;justify-content:space-between;border:solid #FFF 1px;padding:0;height:60px;white-space:nowrap;overflow:hidden;position:relative}.Nav__logo{display:flex;align-items:center;font-weight:700;padding:0 5em;border-right:1px solid white}.Nav__list{display:flex;align-items:center;list-style:none;margin:0;padding:0 5em;border-left:1px solid white;gap:1.5rem}.Nav__item{padding-left:1.5rem;margin-left:1.5rem}.Nav__item:first-child{border-left:none;padding-left:0;margin-left:0}.Nav__link{color:#fff;text-decoration:none;transition:color .3s ease;font-size:16px;font-weight:500}.Nav__link:hover{color:#646cff}@media(max-width:768px){.Nav{border:solid black 1px}.RainbowBackground{position:absolute;inset:0;z-index:1;pointer-events:none;height:100%}.Nav__logo{position:relative;z-index:2;background-color:none;color:#000;border:none}.Nav__list{display:none}.Nav__link{color:#000;text-decoration:none;font-size:16px;font-weight:500}.Nav__link:hover{color:#000}}.Layout{padding:0;flex:1;margin-top:2em;margin-bottom:2em}*,*:before,*:after{box-sizing:border-box}.OCard__card{padding:1rem;width:100%;border-bottom:1px dotted #F5F5DC;transition:background .2s ease;position:relative}.OCard__header{display:flex;justify-content:center;align-items:center;margin-bottom:.5rem;position:relative}.OCard__number{position:absolute;left:0;top:.25rem;color:beige;font-family:monospace;font-size:.875rem;background-color:transparent;transition:background .2s}.OCard__title{color:beige;font-size:30px;font-weight:600;margin:0;padding:0 .25rem;background-color:transparent;transition:background .2s}.OCard__footer{display:flex;justify-content:space-between;align-items:center}.OCard__date{font-size:.875rem;color:beige;font-family:monospace;background-color:transparent;transition:background .2s}.OCard__open{background:beige;color:#000;font-family:monospace;font-size:.875rem;padding:.25rem .75rem;border:none;border-radius:0;cursor:pointer;transition:opacity .2s}.OCard__card.hovered .OCard__title,.OCard__card.hovered .OCard__number,.OCard__card.hovered .OCard__date{background-color:beige;color:#000}@media(max-width:768px){.OCard__number{left:auto;top:auto;right:0;bottom:.25rem}.OCard__header{display:flex;justify-content:left;align-items:center;margin-bottom:.5rem;position:relative}}.CategoryList__container{display:flex;justify-content:start;align-items:start;overflow:hidden}.CategoryList__menu{position:relative}.CategoryList__menu li{list-style:none;text-align:left}.CategoryList__menu li a{color:beige;text-decoration:none;font-size:1.5em;display:inline-flex;font-weight:700;transition:.5s;cursor:pointer}.CategoryList__menu:hover li a{color:#caca94}.CategoryList__menu li:hover a{color:beige;background:transparent}@media(max-width:768px){.CategoryList__menu{display:flex;flex-direction:row;gap:16px;overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.CategoryList__menu{position:relative}.CategoryList__menu li{list-style:none;text-align:left}.CategoryList__menu li a{color:beige;text-decoration:none;font-size:1.5em;display:inline-flex;font-weight:700;transition:.5s;cursor:pointer}.CategoryList__menu:hover li a{color:#caca94}.CategoryList__menu li:hover a{color:beige;background:transparent}}.Home__layout{display:grid;grid-template-columns:.15fr 1fr;gap:16px 24px;width:100%;height:100%}@media(max-width:768px){.Home__layout{grid-template-columns:1fr;gap:16px}}.Modal__container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.Modal__content{position:relative;background-color:#fff;padding:3rem 2rem 2rem;border-radius:12px;min-width:320px;max-width:90vw;max-height:90vh;overflow-y:auto}.Modal__closeBtn{position:absolute;top:12px;right:12px;border:none;background:#eee;border-radius:8px;width:32px;height:32px;font-size:18px;cursor:pointer;display:flex;justify-content:center;align-items:center}.Modal__closeBtn:hover{background:#ccc}.FormImageDisplayer{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:1em}.FormImageDisplayer .image-container{position:relative;width:100px;height:100px}.FormImageDisplayer .image-container img{max-width:200px;height:100%;object-fit:cover}.FormImageDisplayer .remove-btn{position:absolute;top:0;right:0;background:red;color:#fff;border:none;width:20px;height:20px;cursor:pointer;font-size:14px;line-height:20px;text-align:center;padding:0}.multi-select{position:relative;width:100%}.multi-label{font-size:.9rem;color:#666;margin-bottom:4px;display:block}.select-box{min-height:48px;border:1px solid #ccc;border-radius:8px;padding:8px;display:flex;flex-wrap:wrap;gap:6px;cursor:pointer;background:#fff}.placeholder{color:#999;font-size:.9rem}.chip{background:#e6f0ff;color:#1a73e8;padding:4px 10px;border-radius:15px;display:flex;align-items:center;gap:6px;font-size:.85rem}.remove-chip{background:transparent;border:none;color:#1a73e8;font-size:1rem;cursor:pointer;padding:0}.dropdown{position:absolute;top:100%;left:0;right:0;max-height:180px;overflow-y:auto;border:1px solid #ccc;border-radius:8px;background:#fff;z-index:10;margin-top:4px}.dropdown-item{padding:10px;cursor:pointer;font-size:.95rem}.dropdown-item:hover{background:#f2f2f2}.dropdown-item.selected{background:#e6f0ff;font-weight:700}.ModalForm__content__form img{max-width:200px}.ModalForm__content__form img{max-width:200px;margin-bottom:1em}.field textarea{width:100%;padding:.75em 1em;font-size:1rem;border:1px solid #ccc;border-radius:.5em;outline:none;background-color:#fff;color:#333;transition:border .2s ease,box-shadow .2s ease}.field textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.field label{display:block;font-size:.9rem;margin-bottom:.25em;color:#666}.Dashboard__actions{display:flex;gap:1em;margin-bottom:1em}.Dashboard__content__table{width:100%;border-collapse:collapse;font-family:sans-serif;background-color:#fff;color:#333;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;table-layout:fixed}.Dashboard__content__table thead tr{background-color:#f6f6f6;text-transform:uppercase;letter-spacing:.5px;font-weight:700}.Dashboard__content__table th{padding:12px 16px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;text-align:left;width:calc(100% / var(--columns))}.Dashboard__content__table th:last-child{border-right:none}.Dashboard__content__table tbody tr{transition:background-color .2s ease}.Dashboard__content__table td{padding:12px 16px;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.Dashboard__content__table td:last-child{border-right:none}.Dashboard__content__table tbody tr:hover{background-color:#fafafa}.Dashboard__content__table tbody tr:nth-child(2n){background-color:#fcfcfc}@media(max-width:768px){.Dashboard__content__table{display:block;width:100%;overflow-x:auto}.Dashboard__content__table thead,.Dashboard__content__table tbody,.Dashboard__content__table th,.Dashboard__content__table td,.Dashboard__content__table tr{display:block}.Dashboard__content__table tr{margin-bottom:.75rem}.Dashboard__content__table td{border:none;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:8px 12px}.Dashboard__content__table td:before{content:attr(data-label);font-weight:700;text-transform:uppercase;flex-basis:30%}}.Dashboard__container{display:grid;grid-template-columns:.3fr 1fr;gap:16px 24px;width:100%;height:100%;background-color:#fff;color:#000}.Dashboard__entities{background-color:#a3a3a3;padding:2em;display:flex;flex-direction:column;gap:1em;align-items:center}.Dashboard__entities__element{background-color:#fff;color:#000;text-transform:uppercase;border-radius:2em;padding:.5em 1em;min-width:80%;font-weight:700;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}.Dashboard__entities__element:hover{background-color:#f0f0f0;transform:scale(1.03);box-shadow:0 3px 10px #0000001a}.Dashboard__content{display:flex;justify-content:center;padding:2em}.login-form{width:280px;margin:40px auto;font-family:sans-serif}.field{position:relative;margin-bottom:20px}.field input{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px;outline:none;font-size:14px;transition:border-color .2s,box-shadow .2s}.field input:hover{border-color:#888}.field input:focus{border-color:#555;box-shadow:0 0 5px #0000001a}.field label{position:absolute;left:12px;top:12px;font-size:14px;color:#888;pointer-events:none;transition:.2s}.field input:focus+label,.field input:not(:placeholder-shown)+label{top:-8px;left:8px;background:#fff;padding:0 4px;font-size:11px;color:#555}.login-btn{width:100%;padding:12px;border:none;border-radius:8px;background:#333;color:#fff;font-size:14px;cursor:pointer;transition:opacity .2s}.login-btn:hover{opacity:.9}.Login__error{color:red;text-align:center}.AuthorCard__container{display:flex;flex-direction:row;gap:1em;width:fit-content}.AuthorCard__container img{border-radius:50%;max-width:100px}.AuthorCard__container .AuthorCard__container__name{font-weight:700}.AuthorCard__container .AuthorCard__container__description{line-height:.8}@media(max-width:768px){.AuthorCard__container img{max-width:20%}}.Page__grid{display:grid;grid-template-columns:.25fr 1fr .4fr;width:100%;height:100%;box-sizing:border-box}.Page__content{display:flex;flex-direction:column;gap:2em;white-space:pre-wrap}.Page__content__title{font-size:2em;font-weight:600}.Page__content__text{font-size:20px}.Page__content__author{display:flex;flex-direction:row-reverse}.Page__images{display:flex;flex-direction:column;gap:1em;align-items:center}.Page__images img{max-width:80%}@media(max-width:768px){.Layout{margin-top:0}.Page__grid{grid-template-columns:1fr;grid-template-areas:"images" "content"}.Page__grid>:first-child{display:none}.Page__content{display:grid;margin:0 1.5em;grid-template-areas:"title" "author" "text";grid-area:content}.Page__images{grid-area:images;display:flex;height:150px;flex-direction:row;align-items:start;overflow-x:auto;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.Page__images::-webkit-scrollbar{display:none}.Page__images img{display:block;flex:0 0 100%;width:100%;height:auto;object-fit:contain;scroll-snap-align:start}.Page__content__title{grid-area:title}.Page__content__author{grid-area:author;flex-direction:row}.Page__content__text{grid-area:text}}
