@font-face{font-family:SourceSansPro;src:url(/assets/SourceSansPro-Regular-so5UI2yf.otf) format("opentype")}@font-face{font-family:SourceSansPro;font-weight:700;src:url(/assets/SourceSansPro-Bold-BjJml8lq.otf) format("opentype")}body{font-family:SourceSansPro,sans-serif;background-color:#333;color:#f0f0f0;margin:0;padding:20px}.component-container{width:100%;max-width:none;margin:0;padding:0;box-sizing:border-box;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center}.component-container:has(.table-horizontally-scrollable){align-items:stretch;overflow-x:auto}.component-container.wide-content{align-items:stretch;overflow-x:auto}p{margin:0 0 10px;line-height:2}a{color:#3c3}a:hover,a:focus{color:#ff0}table{border-collapse:collapse;margin-bottom:20px}th,td{padding:10px;text-align:left;border-bottom:1px solid #ddd}th{background-color:#19334d;color:#fff;font-weight:400}tr:nth-child(odd){background-color:#ecf2f9;color:#132639}tr:nth-child(2n){background-color:#d9e6f2;color:#132639}.table-horizontally-scrollable{width:100%;overflow-x:auto}.table-horizontally-scrollable table{min-width:600px;width:auto;margin-left:0;margin-right:0}button{background-color:#3c3;color:#222;font-weight:700;border:none;border-radius:5px;padding:10px 15px;cursor:pointer;margin-left:10px}button:hover{background-color:#264d73}button:disabled{background-color:#6c757d;cursor:not-allowed}.button-delete{background-color:maroon;color:#f0f0f0}.button-browse{background-color:#222;color:#f0f0f0;border:1px solid #6e6e6e;border-radius:5px;padding:5px;cursor:pointer;margin-top:10px}.button.cancel-btn{background-color:#e6e600}.badge{display:inline-block;padding:5px 10px;border-radius:12px;font-size:.9em;color:#fff}.badge-open{background-color:#0af}.badge-in-progress{background-color:#e6e600;color:#132639}.badge-completed{background-color:#1a9501}.badge-closed{background-color:#595959}.blog-story{margin-bottom:2rem;padding:1rem;border-radius:8px;background:#222;box-shadow:0 2px 8px #00000014}.blog-story-flex{display:flex;align-items:flex-start;gap:2rem}.blog-story-figure{margin:0;min-width:180px;max-width:320px;flex-shrink:0;text-align:center;position:relative}.blog-story-image{width:220px;height:220px;object-fit:cover;max-width:100%;margin:0 0 .5em;border-radius:6px;transition:box-shadow .2s}.blog-story-image:hover{box-shadow:0 0 0 4px #3c3}.blog-story-caption{color:#bbb;font-size:.95em;font-style:italic;margin-top:.5em;width:220px;max-width:100%;margin-left:auto;margin-right:auto;word-break:break-word}.blog-story-content{flex:1;display:flex;flex-direction:column}.blog-story-date{color:#aaa;font-size:.95em;margin-bottom:.5em}.blog-story-footer{margin-top:auto;text-align:right;color:#bbb;font-size:.95em;font-style:italic}.image-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:zoom-out}.image-overlay-img{max-width:98vw;max-height:98vh;border-radius:10px;box-shadow:0 0 32px #000}@media (max-width: 700px){.blog-story-flex{flex-direction:column;gap:1rem}.blog-story-figure{max-width:100%}}.create-story-bar{margin-bottom:1rem}.create-story-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem;background:#222;padding:1rem;border-radius:8px}.create-story-form input,.create-artistorycle-form textarea{padding:.5rem;border-radius:4px;border:1px solid #444;background:#111;color:#fff}.create-story-form button[type=submit]{background:#3c3;color:#222;border:none;border-radius:5px;padding:.5rem 1.2rem;cursor:pointer;font-weight:700}.create-story-select{width:100%;padding:.5rem 1rem;margin-bottom:.7rem;border-radius:4px;border:1px solid #444;background:#232323;color:#fff;box-sizing:border-box}.pagination-controls{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;justify-content:center}.pagination-controls button[disabled]{opacity:.5;cursor:not-allowed}.filter-stories-section[data-v-f3492367]{margin:1.5rem 0 1rem}.filter-stories-section h3[data-v-f3492367]{margin-bottom:.5rem}.filter-dropdowns[data-v-f3492367]{display:flex;gap:1rem;flex-wrap:wrap}.comments-section[data-v-f3492367]{margin-top:1.5rem;background:#232323;border-radius:8px;padding:1rem}.comments-toggle-btn[data-v-f3492367],.add-comment-btn[data-v-f3492367]{margin-right:1rem;margin-bottom:.5rem;background:#264d73;color:#fff;border:none;border-radius:4px;padding:.4rem 1rem;cursor:pointer;font-size:1rem}.comments-toggle-btn[data-v-f3492367]:hover,.add-comment-btn[data-v-f3492367]:hover{background:#3c3;color:#132639}.comments-list[data-v-f3492367]{margin-top:.5rem}.no-comments[data-v-f3492367]{color:#aaa;font-style:italic;margin-bottom:.5rem}.comment-item[data-v-f3492367]{margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #444}.add-comment-form[data-v-f3492367]{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.add-comment-form input[data-v-f3492367],.add-comment-form textarea[data-v-f3492367]{border-radius:4px;border:1px solid #444;padding:.5rem;background:#333;color:#fff}.add-comment-form button[type=submit][data-v-f3492367]{background:#3c3;color:#222;border:none;border-radius:4px;padding:.4rem 1rem;font-weight:700;cursor:pointer}.add-comment-form button[type=button][data-v-f3492367]{background:maroon;color:#fff;border:none;border-radius:4px;padding:.4rem 1rem;cursor:pointer}th[data-v-8803e85b],td[data-v-8803e85b]{border-right:1px solid #b0b0b0}th[data-v-8803e85b]:nth-last-child(-n+2),td[data-v-8803e85b]:nth-last-child(-n+2){border-right:none}th.user[data-v-8803e85b],td.user[data-v-8803e85b],th.type[data-v-8803e85b],td.type[data-v-8803e85b],th.genre[data-v-8803e85b],td.genre[data-v-8803e85b]{min-width:75px;width:75px}th.title[data-v-8803e85b],td.title[data-v-8803e85b],th.author[data-v-8803e85b],td.author[data-v-8803e85b]{min-width:300px;width:300px}th.language[data-v-8803e85b],td.language[data-v-8803e85b],th.created[data-v-8803e85b],td.created[data-v-8803e85b],th.status[data-v-8803e85b],td.status[data-v-8803e85b]{min-width:100px;width:100px}th[data-v-8803e85b]:last-of-type,th[data-v-8803e85b]:nth-last-of-type(2),td[data-v-8803e85b]:last-of-type,td[data-v-8803e85b]:nth-last-of-type(2){width:1%;white-space:nowrap;text-align:center;padding-left:8px;padding-right:8px}.interactive-buttons[data-v-8803e85b]{margin-bottom:10px}.info-box[data-v-2cbd379a]{border:1px solid #888;border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center}.login-component[data-v-7afb77ea]{max-width:350px;margin:2rem auto;padding:2rem;background:#232323;border-radius:8px;border:1px solid #444;box-shadow:0 2px 8px #0000001f}.login-form[data-v-7afb77ea]{display:flex;flex-direction:column;gap:1rem}.login-form label[data-v-7afb77ea]{font-weight:700;color:#ff0}.login-form input[data-v-7afb77ea],.login-form select[data-v-7afb77ea]{padding:.5rem;border-radius:4px;border:1px solid #444;background:#333;color:#fff}.login-form button[data-v-7afb77ea]{background:#3c3;color:#222;font-weight:700;border:none;border-radius:5px;padding:.5rem 1.2rem;cursor:pointer;transition:background .2s,color .2s}.login-error[data-v-7afb77ea]{color:#f33;font-size:.95em;margin-top:.5rem}.app-footer[data-v-7df18793]{width:100%;text-align:center;padding:1rem 0;background:#232323;color:#ccc;font-size:1rem;border-top:1px solid #444;margin-top:2rem}.website-header[data-v-9d7d1b29]{text-align:center}.header-flex[data-v-9d7d1b29]{display:flex;align-items:center;justify-content:center;gap:2rem;flex-wrap:wrap}@media (max-width: 700px){.website-header[data-v-9d7d1b29]{text-align:left}.header-flex[data-v-9d7d1b29]{justify-content:flex-start;gap:1rem}}.header-flex img[data-v-9d7d1b29]{display:block}.navigation-tabs ul[data-v-9d7d1b29]{list-style:none;padding:0;display:flex;gap:2rem;margin:0}.navigation-tabs a[data-v-9d7d1b29]{text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s}.navigation-tabs a.active[data-v-9d7d1b29]{color:#ff0;border-bottom:2px solid #888}.main-content-flex[data-v-9d7d1b29]{display:flex;align-items:flex-start;gap:2rem;width:100%}.main-content-section[data-v-9d7d1b29]{flex:1;min-width:0}.subtab-sidebar[data-v-9d7d1b29]{min-width:140px;background:#232323;border-radius:8px 0 0 8px;padding:1rem .5rem;margin-right:2rem;display:flex;flex-direction:column;align-items:flex-start}.subtab-sidebar ul[data-v-9d7d1b29]{list-style:none;padding:0;margin:0;width:100%}.subtab-link[data-v-9d7d1b29]{display:block;text-decoration:none;color:#f0f0f0;border-bottom:2px solid transparent;padding:.75rem 1rem;border-radius:4px;transition:border-color .2s,background .2s,color .2s;margin-bottom:.5rem;font-size:1rem;text-align:left;word-break:break-word}.subtab-link.active[data-v-9d7d1b29],.subtab-link[data-v-9d7d1b29]:hover,.subtab-link[data-v-9d7d1b29]:focus{color:#ff0;border-bottom:2px solid #888;background:#222}.subtab-bar[data-v-9d7d1b29]{display:flex;align-items:center;justify-content:center;gap:1rem;padding:.5rem 1rem;border-radius:0 0 8px 8px;border:1px solid #444;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;width:100%;box-sizing:border-box}.subtab-bar .active[data-v-9d7d1b29]{color:#ff0;background:#222}.subtab-select[data-v-9d7d1b29]{background:#232323;color:#ff0;border:1px solid #444;border-radius:4px;padding:.5rem 1rem;font-size:1rem;margin-left:1rem}.subtab-select[data-v-9d7d1b29]:focus{outline:2px solid #ffff00}.visually-hidden[data-v-9d7d1b29]{position:absolute;left:-9999px}.success-banner[data-v-9d7d1b29]{position:fixed;top:0;left:0;right:0;margin:0 auto;background:#3c3;color:#fff;padding:.5rem 3rem;border-radius:0 0 8px 8px;font-weight:700;text-align:center;box-shadow:0 2px 8px #00000014;z-index:1000;width:fit-content;min-width:500px;max-width:90vw}.login-tab[data-v-9d7d1b29]{display:flex;align-items:center;margin-left:1rem}.login-btn[data-v-9d7d1b29]{background:#3c3;color:#222;font-weight:700;border:none;border-radius:5px;padding:6px 14px;cursor:pointer;transition:background .2s,color .2s}