.sg-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 auto 20px;max-width:960px}.sg-search{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--muted);transition:border-color .2s,background .2s}.sg-search:focus-within{border-color:#00e5ff59;background:#00e5ff0a;color:var(--cyan)}.sg-search svg{flex-shrink:0}.sg-search input{flex:1;min-width:0;background:none;border:none;outline:none;color:#fff;font-family:var(--font-body);font-size:13px}.sg-search input::placeholder{color:var(--muted)}.sg-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sg-select-wrap{position:relative}.sg-select{appearance:none;-webkit-appearance:none;font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 32px 10px 16px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--text)}.sg-select:focus{outline:none;border-color:#00e5ff66;box-shadow:0 0 0 3px #00e5ff1a}.sg-select option{background:#0c1418;color:#e8eef0;font-weight:700}.sg-select-chev{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}.sg-new-btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-ui);font-size:12px;font-weight:800;letter-spacing:1px;padding:11px 20px;border:1px solid rgba(0,229,255,.5);background:#00e5ff1a;color:var(--cyan);border-radius:999px;cursor:pointer;transition:all .2s;white-space:nowrap}.sg-new-btn span{font-size:15px;line-height:1}.sg-new-btn:hover{background:#00e5ff33;box-shadow:0 0 20px #00e5ff33;transform:translateY(-1px)}.sg-status-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:0 auto 32px;max-width:960px}.sg-tab{font-family:var(--font-ui);font-size:12px;font-weight:700;letter-spacing:.6px;padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--muted);cursor:pointer;transition:all .2s ease;user-select:none}.sg-tab:hover{color:#fff;border-color:#fff3}.sg-tab.active{color:#0a1116;border-color:var(--sg-tab-c,var(--cyan));background:var(--sg-tab-c,var(--cyan))}.sg-list{display:flex;flex-direction:column;gap:10px;max-width:960px;margin:0 auto 40px}.sg-item{display:flex;gap:16px;padding:18px 20px;background:linear-gradient(180deg,rgba(255,255,255,.022),transparent 60%),var(--surface);border:1px solid var(--border);border-radius:14px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.sg-item:hover{border-color:#00e5ff73;box-shadow:0 0 0 1px #00e5ff2e,0 10px 30px #00e5ff1f;transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.sg-item{transition:none}.sg-item:hover{transform:none}}.sg-item.sg-expandable{cursor:pointer}.sg-item.sg-expandable:hover .sg-more-chevron{color:var(--cyan)}.sg-item.sg-expandable.open{border-color:#00e5ff4d}.sg-vote{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex-shrink:0}.sg-vote-btn{width:32px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff05;color:var(--muted);cursor:pointer;transition:all .18s;padding:0}.sg-vote-btn:hover{border-color:#00e5ff59;color:var(--cyan);background:#00e5ff0f}.sg-vote-up.active{border-color:#39ff1480;background:#39ff1424;color:var(--green)}.sg-vote-down.active{border-color:#ef444480;background:#ef444424;color:#ef4444}.sg-vote-score{font-family:var(--font-ui);font-size:14px;font-weight:800;color:#fff;min-width:24px;text-align:center}.sg-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.sg-status-badge{align-self:center;flex-shrink:0;margin-left:12px;font-family:var(--font-ui);font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:4px 10px;border-radius:6px;white-space:nowrap}.sg-status-open{color:var(--cyan);background:#00e5ff1a;border:1px solid rgba(0,229,255,.25)}.sg-status-planned{color:#a48bff;background:#7c5cff1f;border:1px solid rgba(124,92,255,.3)}.sg-status-in-progress{color:var(--gold);background:#ffb3001a;border:1px solid rgba(255,179,0,.28)}.sg-status-completed{color:var(--green);background:#39ff141a;border:1px solid rgba(57,255,20,.28)}.sg-status-declined{color:#ef4444;background:#ef44441a;border:1px solid rgba(239,68,68,.28)}.sg-title{display:flex;align-items:center;gap:8px;font-family:var(--font-ui);font-size:15px;font-weight:800;color:#fff;margin-bottom:4px;line-height:1.35}.sg-title-text{flex:1;min-width:0}.sg-cat-label{color:var(--muted);font-weight:700;margin-right:7px}.sg-rank{color:var(--cyan);margin-right:7px;opacity:.7}.sg-desc{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:4px}.sg-desc.sg-clamped{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sg-more-chevron{display:none;flex-shrink:0;width:16px;height:16px;color:var(--muted);transition:transform .25s,color .15s}.sg-item.sg-expandable .sg-more-chevron{display:block}.sg-item.open .sg-more-chevron{transform:rotate(180deg);color:var(--cyan)}.sg-image-wrap{display:none}.sg-image-wrap.sg-open{display:block;margin-top:8px}.sg-image-link{display:block;margin-bottom:8px;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.08);text-align:center;pointer-events:auto}.sg-image{display:block;margin:0 auto;max-width:100%;max-height:220px;width:auto;pointer-events:auto}.sg-image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:8px}.sg-image-grid .sg-image-link{margin-bottom:0;height:100px}.sg-image-grid .sg-image{width:100%;height:100%;max-height:none;object-fit:cover}.sg-meta{font-family:var(--font-ui);font-size:11px;color:#ffffff4d}.sg-meta strong{color:var(--cyan);font-weight:700}.sg-empty{text-align:center;color:var(--muted);padding:48px 20px;border:1px dashed rgba(255,255,255,.08);border-radius:12px;margin:0 auto 40px;max-width:960px;font-size:14px}.sg-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin:24px auto 40px;max-width:960px;flex-wrap:wrap}.sg-page-btn{font-family:var(--font-ui);font-size:12.5px;font-weight:700;letter-spacing:.4px;color:var(--cyan);border:1px solid rgba(0,229,255,.3);border-radius:9px;padding:0 14px;height:34px;display:flex;align-items:center;background:#00e5ff0d;cursor:pointer;transition:background .2s,box-shadow .2s,opacity .2s}.sg-page-btn:hover:not(:disabled){background:#00e5ff1a;box-shadow:0 0 16px #00e5ff33}.sg-page-btn:disabled{opacity:.3;cursor:default;box-shadow:none}.sg-page-num{min-width:34px;height:34px;padding:0 7px;border-radius:9px;border:1px solid var(--border);background:#ffffff05;color:var(--text);font-family:var(--font-ui);font-weight:700;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,background .2s,box-shadow .2s}.sg-page-num:hover{border-color:#00e5ff66;color:var(--cyan);background:#00e5ff0d}.sg-page-num.active{background:var(--cyan);border-color:var(--cyan);color:#04121a;box-shadow:0 0 16px #00e5ff4d;cursor:default}.sg-page-ellipsis{color:var(--muted);font-weight:700;padding:0 2px;user-select:none}.sg-skel{display:flex;gap:16px;padding:18px 20px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:14px}.sg-skel-vote{width:32px;height:70px;border-radius:8px;background:#ffffff0a;flex-shrink:0;position:relative;overflow:hidden}.sg-skel-body{flex:1;display:flex;flex-direction:column;gap:10px;justify-content:center}.sg-skel-line{height:12px;border-radius:6px;background:#ffffff0d;position:relative;overflow:hidden}.sg-skel-line--tag{width:30%;height:10px}.sg-skel-line--title{width:60%;height:15px}.sg-skel-line--desc{width:85%}.sg-skel-vote:after,.sg-skel-line:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(0,229,255,.08),transparent);animation:sgShimmer 1.4s infinite}@keyframes sgShimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.sg-skel-vote:after,.sg-skel-line:after{animation:none}}.sg-modal{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px}.sg-modal.open{display:flex;animation:sgOverlayFadeIn .2s ease}@keyframes sgOverlayFadeIn{0%{opacity:0}to{opacity:1}}.sg-modal-backdrop{position:absolute;inset:0;background:#000000e0;backdrop-filter:blur(10px)}.sg-modal-box{position:relative;max-width:540px;width:100%;max-height:92vh;overflow-y:auto;padding:36px 32px 32px;background:linear-gradient(160deg,#0c1e2a,#071319);border:1px solid rgba(0,229,255,.18);border-radius:18px;box-shadow:0 32px 80px #000000b3,0 0 0 1px #00e5ff0f,0 0 60px #00e5ff0d;animation:sgModalSlideIn .3s cubic-bezier(.2,.8,.3,1)}@keyframes sgModalSlideIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.sg-modal-box:before{content:"";position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,229,255,.5),transparent)}.sg-modal-close{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:9px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;z-index:2}.sg-modal-close svg{width:16px;height:16px;display:block}.sg-modal-close:hover{background:#ffffff1f;color:#fff}.sg-submit-head{text-align:center;margin-bottom:24px}.sg-submit-icon{font-size:32px;margin-bottom:10px;filter:drop-shadow(0 0 12px rgba(0,229,255,.4))}.sg-submit-title{font-family:var(--font-ui);font-weight:800;font-size:clamp(15px,2.2vw,20px);color:#fff;margin-bottom:6px;letter-spacing:.5px}.sg-submit-desc{font-size:12px;color:var(--muted);line-height:1.6}.sg-form{display:flex;flex-direction:column;gap:12px}.sg-row{display:flex;gap:12px;flex-wrap:wrap}.sg-row .sg-field{flex:1;min-width:160px}.sg-field{display:flex;flex-direction:column;gap:5px}.sg-field label{font-family:var(--font-ui);font-size:10px;font-weight:700;letter-spacing:.9px;color:var(--muted);text-transform:uppercase}.sg-field-opt{font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted);font-family:var(--font-body)}.sg-field input,.sg-field select,.sg-field textarea{font-family:var(--font-body);font-size:13px;padding:9px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.07);border-radius:8px;color:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.sg-field input:focus,.sg-field select:focus,.sg-field textarea:focus{border-color:#00e5ff66;box-shadow:0 0 0 3px #00e5ff12}.sg-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M3 4.5L6 7.5L9 4.5' stroke='%2300E5FF' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px}.sg-field select option{background:#0a1a24;color:#fff}.sg-field textarea{resize:none;min-height:80px}.sg-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-size:13px;font-weight:800;letter-spacing:1.5px;padding:13px;border:1px solid rgba(0,229,255,.5);background:#00e5ff1a;color:var(--cyan);border-radius:10px;cursor:pointer;transition:all .2s;margin-top:4px}.sg-submit-btn:hover{background:#00e5ff2e;box-shadow:0 0 24px #00e5ff33;transform:translateY(-1px)}.sg-submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.sg-form-msg{text-align:center;font-size:12px;padding:10px 14px;border-radius:8px;display:none;margin-top:2px}.sg-form-msg.success{display:block;color:#39ff14;background:#39ff1412;border:1px solid rgba(57,255,20,.2)}.sg-form-msg.error{display:block;color:#ef4444;background:#ef444412;border:1px solid rgba(239,68,68,.2)}@media(max-width:700px){.sg-toolbar{flex-direction:column;align-items:stretch}.sg-toolbar-right{justify-content:stretch}.sg-toolbar-right .sg-select-wrap{flex:1}.sg-select{width:100%}.sg-new-btn{width:100%;justify-content:center}.sg-status-tabs{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;margin-left:-4px;margin-right:-4px;padding-left:4px;padding-right:4px}.sg-tab{flex-shrink:0}.sg-item{padding:14px}.sg-modal-box{padding:28px 20px 24px}}