@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500&display=swap";:root{--black:#000;--black-b:#050505;--light-green:green;--dark-green-a:#2e7345;--dark-green-b:#307848;--midnight-black:#0a0a0a;--charcoal:#1a1a1a;--toxic-green:#4b8b3b;--neon-glow:#0adb00;--dark-moss:#2f4f2f;--text-t0n:#d7d7d7;--cold-silver:#8b9396;--gunmetal:#2b2f33;--dead-ash:#5c6466;--dark-blood:#b82828;--surface:var(--charcoal);--muted:var(--toxic-green);--text:var(--cold-silver);--text-h:var(--neon-glow);--bg:var(--black);--border:var(--gunmetal);--code-bg:#f4f3ec;--accent:var(--neon-glow);--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--surface:var(--charcoal);--muted:var(--cold-silver);--text:var(--cold-silver);--text-h:var(--neon-glow);--bg:var(--black);--border:var(--gunmetal);--code-bg:#f4f3ec;--accent:var(--neon-glow);--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}.auth-switch{color:var(--muted);margin-top:1.25rem;font-size:.9rem}.auth-switch span{color:var(--accent);cursor:pointer}.auth-switch span:hover{text-decoration:underline}.right_section{margin:2rem auto}.right_section h2{margin-bottom:1.5rem}.tabela{border-spacing:.5rem;width:100%}.tabela td:first-child{width:140px;color:var(--muted)}.field,.uloga,.zemlja{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;padding:.45rem .75rem;font-family:inherit}.button{cursor:pointer;background:var(--accent);color:var(--bg);border:none;border-radius:6px;margin-right:.5rem;padding:.5rem 1.5rem;font-family:inherit;font-weight:500}.button[name=btnReset]{background:var(--border);color:var(--text)}.error{color:var(--dark-blood);margin-top:.25rem;font-size:.8rem;font-weight:700;display:block}.success{color:var(--neon-glow);margin-bottom:1rem}.field:-webkit-autofill{caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--surface) inset!important;-webkit-text-fill-color:var(--text)!important}.field:-webkit-autofill:hover{caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--surface) inset!important;-webkit-text-fill-color:var(--text)!important}.field:-webkit-autofill:focus{caret-color:var(--text);transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0px 1000px var(--surface) inset!important;-webkit-text-fill-color:var(--text)!important}.posts{flex-direction:column;gap:1.5rem;margin:2rem auto;padding:0 1.5rem;display:flex}.post{background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:border-color .2s;overflow:hidden}.post:hover{border-color:var(--accent)}.post_title{letter-spacing:.04em;color:var(--text);border-bottom:1px solid var(--border);padding:1rem 1.25rem .5rem;font-family:Bebas Neue,sans-serif;font-size:1.6rem}.post_info{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.35rem;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:300;display:flex}.post_info a{color:var(--accent);align-items:center;gap:.3rem;text-decoration:none;display:inline-flex}.post_info a:hover{text-decoration:underline}.post_info img{object-fit:contain;vertical-align:middle;width:16px;height:16px}.time-info{cursor:pointer;align-items:center;gap:.3rem;margin-left:auto;display:inline-flex}.clock-icon{width:14px;height:14px;color:var(--muted)}.time-tooltip{display:none}.time-info:hover .time-tooltip,.time-info.active .time-tooltip{display:inline}.post_body{flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex}.post_body>img{object-fit:cover;border:1px solid var(--border);border-radius:6px;flex-shrink:0}.tekstic{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.8rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:300;line-height:1.6;transition:max-height .4s;display:-webkit-box;overflow:hidden}.tekstic.expanded{-webkit-line-clamp:unset;-webkit-box-orient:unset;max-height:1000px;display:block}.post_comment{text-align:left;border-top:1px solid var(--border);padding:.75rem 1.25rem}.post_comment hr{display:none}.read_more{text-align:center}.opsirnije{color:var(--accent);cursor:pointer;letter-spacing:.03em;text-transform:uppercase;font-family:DM Sans,sans-serif;font-size:.85rem}.opsirnije:hover{text-decoration:underline}.comment{color:var(--muted);border-bottom:1px solid var(--border);padding:.35rem 0;font-size:.88rem}.comment a{color:var(--accent);align-items:center;gap:.3rem;text-decoration:none;display:inline-flex}.comment-form{gap:.5rem;margin-top:.75rem;display:flex}.comment-form .field{flex:1}.profile-link{cursor:pointer;color:var(--muted);align-items:center;gap:.3rem;text-decoration:none;display:inline-flex}.profile-link:hover{color:var(--accent)}.messages-layout{height:calc(100vh - 64px);display:flex;overflow:hidden}.conversations-list{border-right:1px solid var(--border);flex-shrink:0;width:280px;overflow-y:auto}.conversations-list h3{letter-spacing:.05em;border-bottom:1px solid var(--border);color:var(--text);padding:1rem;font-family:Bebas Neue,sans-serif;font-size:1.2rem}.conversation-item{border-bottom:1px solid var(--border);cursor:pointer;flex-direction:column;gap:.2rem;padding:.85rem 1rem;transition:background .15s;display:flex}.conversation-item:hover,.conversation-item.active{background:var(--surface)}.conversation-item.unread{background:var(--border)}.conversation-item.unread .conv-last,.conversation-item.unread .conv-time{color:var(--accent);font-weight:700}.conv-username{color:var(--muted);font-size:.9rem}.conv-username:hover{color:var(--accent)}.conv-last{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.conv-time{color:var(--muted);font-size:.75rem}.conversation-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.message-list{flex-direction:column;flex:1;gap:.5rem;padding:1rem;display:flex;overflow-y:auto}.message-bubble{border-radius:12px;flex-direction:column;gap:.2rem;max-width:60%;padding:.6rem .9rem;display:flex}.message-bubble.mine{background:var(--accent);color:var(--bg);border-bottom-right-radius:3px;align-self:flex-end}.message-bubble.theirs{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:3px;align-self:flex-start}.message-text{font-size:.9rem;line-height:1.4}.message-time{opacity:.6;align-self:flex-end;font-size:.7rem}.message-input{border-top:1px solid var(--border);gap:.5rem;padding:1rem;display:flex}.message-input .field{flex:1}.no-conversation{color:var(--muted);flex:1;justify-content:center;align-items:center;font-size:.9rem;display:flex}@media (width<=600px){.messages-layout{flex-direction:column;height:auto}.conversations-list{border-right:none;border-bottom:1px solid var(--border);width:100%;height:calc(100vh - 364px);overflow-y:auto}.hidden-mobile{display:none}}#profile h2{margin-bottom:1.5rem}#profile img[title=user\ image]{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:80px;height:80px}.status-options{gap:1rem;margin-bottom:.5rem;display:flex}.status-toggle{color:var(--accent);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;font-size:.85rem}.status-toggle:hover{text-decoration:underline}.admin-layout{flex-direction:column;align-items:flex-start;gap:2rem;padding:2rem}.admin-sidebar{width:100%}.admin-main{width:100%;overflow-x:auto}.admin-table-wrapper{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.88rem}.admin-table th{background:var(--surface);color:var(--accent);text-align:left;border-bottom:2px solid var(--border);letter-spacing:.05em;padding:.6rem .75rem;font-family:Bebas Neue,sans-serif;font-size:.95rem}.admin-table td{border-bottom:1px solid var(--border);color:var(--muted);vertical-align:middle;padding:.5rem .75rem}.admin-table tr:hover td{background:var(--surface);color:var(--text)}.admin-table img{object-fit:cover;width:20px;height:15px}@media (width<=768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%}}.site-header{background:var(--surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 2.5rem;display:flex;position:sticky;top:0}.logo{letter-spacing:.05em;color:var(--accent);font-family:Bebas Neue,sans-serif;font-size:1.6rem}.logo-icon{width:1.4rem;height:1.4rem}.nav{gap:.25rem;display:flex}.nav-item{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.45rem 1rem;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;transition:color .2s,background .2s}.nav-item:hover{color:var(--muted);background:var(--border)}.nav-item.active{color:var(--bg);background:var(--accent)}.nav-username{color:var(--accent);align-items:center;padding:0 .5rem;font-size:.9rem;display:flex}.site-main{flex:1}.page-title{letter-spacing:.04em;color:var(--text);font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,8vw,7rem);line-height:1}.page-sub{color:var(--muted);margin-top:1rem;font-size:1.1rem;font-weight:300}@media (width<=600px){.site-header{flex-wrap:wrap;gap:.75rem;height:auto;padding:.75rem 1rem}.nav{flex-wrap:wrap;width:100%}.nav-item{text-align:center;flex:1}}.nav-messages{font-size:1.1rem;position:relative}.unread-badge{background:var(--accent);color:var(--bg);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}