.gc-page{flex-direction:column;gap:20px;height:100%;padding:20px;display:flex}.gc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.gc-header h1{color:var(--theme-text-primary);background:linear-gradient(135deg, var(--theme-text-primary) 0%, var(--theme-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:700}.gc-header-actions{align-items:center;gap:8px;display:flex}.gc-modes{gap:12px;margin-bottom:4px;display:grid}.gc-mode-card{background:var(--theme-card-bg);cursor:pointer;border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:20px 16px;transition:all .25s;display:flex;position:relative;overflow:hidden}.gc-mode-card:before{content:"";opacity:0;border-radius:inherit;transition:opacity .25s;position:absolute;inset:0}.gc-mode-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0003}.gc-mode-card:hover:before{opacity:1}.gc-mode-card.gc-orange{border-color:#fb923c40}.gc-mode-card.gc-orange:before{background:linear-gradient(135deg,#fb923c14,#fb923c05)}.gc-mode-card.gc-orange:hover{border-color:#fb923c80}.gc-mode-card.gc-orange.active{background:linear-gradient(135deg,#fb923c26,#fb923c0d);border-color:#fb923c;box-shadow:0 4px 20px #fb923c33}.gc-mode-card.gc-blue{border-color:#60a5fa40}.gc-mode-card.gc-blue:before{background:linear-gradient(135deg,#60a5fa14,#60a5fa05)}.gc-mode-card.gc-blue:hover{border-color:#60a5fa80}.gc-mode-card.gc-blue.active{background:linear-gradient(135deg,#60a5fa26,#60a5fa0d);border-color:#60a5fa;box-shadow:0 4px 20px #60a5fa33}.gc-mode-card.gc-purple{border-color:#c084fc40}.gc-mode-card.gc-purple:before{background:linear-gradient(135deg,#c084fc14,#c084fc05)}.gc-mode-card.gc-purple:hover{border-color:#c084fc80}.gc-mode-card.gc-purple.active{background:linear-gradient(135deg,#c084fc26,#c084fc0d);border-color:#c084fc;box-shadow:0 4px 20px #c084fc33}.gc-mode-icon{width:36px;height:36px;color:var(--theme-text-muted);transition:color .2s}.gc-mode-card.active .gc-mode-icon{color:var(--theme-text-primary)}.gc-mode-card.gc-orange.active .gc-mode-icon{color:#fb923c}.gc-mode-card.gc-blue.active .gc-mode-icon{color:#60a5fa}.gc-mode-card.gc-purple.active .gc-mode-icon{color:#c084fc}.gc-mode-value{color:var(--theme-text-primary);z-index:1;font-size:20px;font-weight:700;position:relative}.gc-mode-label{color:var(--theme-text-muted);text-transform:uppercase;letter-spacing:.5px;z-index:1;font-size:12px;position:relative}.gc-pages{flex:1;overflow:auto}.gc-pages h2{color:var(--theme-text-primary);margin:0 0 12px;font-size:16px;font-weight:600}.gc-loading{justify-content:center;padding:40px;display:flex}.gc-spinner{border:2px solid var(--theme-border);border-top-color:var(--theme-text-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite gc-spin}@keyframes gc-spin{to{transform:rotate(360deg)}}.gc-empty{text-align:center;color:var(--theme-text-muted);background:var(--theme-card-bg);border:1px dashed var(--theme-border);border-radius:12px;padding:24px;font-style:italic}.gc-list{flex-direction:column;gap:8px;display:flex}.gc-item{background:var(--theme-card-bg);border:1px solid var(--theme-border);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:border-color .2s;display:flex}.gc-item:hover{border-color:var(--theme-text-muted)}.gc-item-icon{width:20px;height:20px;color:var(--theme-text-muted);flex-shrink:0}.gc-item-name{color:var(--theme-text-primary);flex:1;font-weight:500}.gc-badge{text-transform:uppercase;letter-spacing:.3px;color:var(--theme-text-muted);background:#ffffff0d;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.gc-badge.active{color:#4ade80;background:#22c55e33}.gc-btn-reset{border:1px solid var(--theme-border);cursor:pointer;color:var(--theme-text-muted);background:0 0;border-radius:6px;align-items:center;padding:4px 6px;transition:all .2s;display:flex}.gc-btn-reset svg{width:16px;height:16px}.gc-btn-reset:hover{color:#ef4444;background:#ef444426;border-color:#ef4444}.gc-footer{background:var(--theme-card-bg);border:1px solid var(--theme-border);color:var(--theme-text-muted);border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.gc-footer-icon{flex-shrink:0;width:16px;height:16px}.gc-footer-text{flex:1}.gc-footer-clear{border:1px solid var(--theme-border);cursor:pointer;color:var(--theme-text-muted);white-space:nowrap;background:0 0;border-radius:6px;padding:4px 10px;font-size:12px;transition:all .2s}.gc-footer-clear:hover{color:#c084fc;background:#c084fc26;border-color:#c084fc}.gc-btn{cursor:pointer;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.gc-btn-danger{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.gc-btn-danger:hover{background:#ef444440}.gc-btn-warning{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.gc-btn-warning:hover{background:#f59e0b40}.gc-combobox{align-items:center;display:flex;position:relative}.gc-combobox-icon{color:var(--theme-text-muted);pointer-events:none;display:flex;position:absolute;left:8px}.gc-combobox-input{border:1px solid var(--theme-border);background:var(--theme-card-bg);color:var(--theme-text-primary);border-radius:8px;outline:none;min-width:200px;padding:6px 10px 6px 30px;font-size:13px}.gc-combobox-input:focus{border-color:var(--theme-accent,#60a5fa)}.gc-combobox-input--empty{background:#f59e0b0d;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.gc-combobox-dropdown{background:var(--theme-card-bg);border:1px solid var(--theme-border);z-index:20;border-radius:8px;max-height:260px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000040}.gc-combobox-option{cursor:pointer;color:var(--theme-text-primary);padding:8px 12px;font-size:13px}.gc-combobox-option:hover,.gc-combobox-option.selected{background:#60a5fa26}.gc-combobox-option--empty{color:var(--theme-text-muted);cursor:default;font-style:italic}.gc-combobox-overlay{z-index:10;position:fixed;inset:0}@media (width<=768px){.gc-page{padding:12px}.gc-modes{grid-template-columns:1fr 1fr!important}.gc-header{flex-direction:column;align-items:flex-start}.gc-item{flex-wrap:wrap}.gc-mode-card{padding:14px 12px}.gc-mode-value{font-size:16px}.gc-combobox-input{min-width:140px}}