:root{--bg-app-frame: #181C24;--bg-canvas: #F4EFEA;--bg-canvas-card: #FFFFFF;--bg-sidebar: #1E232B;--text-dark-primary: #191D24;--text-dark-secondary: #5F6978;--text-dark-muted: #8E9AA8;--color-coral: #FF5F38;--color-coral-hover: #F04C24;--card-yellow: #FFE386;--card-yellow-border: #F5D56E;--card-yellow-text: #2D2408;--card-purple: #DFD5FC;--card-purple-border: #CEC1F5;--card-purple-text: #221A3B;--card-blue: #C5E4F8;--card-blue-border: #B0D5EE;--card-blue-text: #132A3B;--card-dark: #1E242D;--color-back: #3B82F6;--color-lay: #EC4899;--color-green: #10B981;--color-red: #EF4444;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100vh;overflow-x:hidden}body{background-color:var(--bg-app-frame);color:var(--text-dark-primary);font-family:var(--font-sans);padding:1.25rem;display:flex;justify-content:center;align-items:flex-start;-webkit-font-smoothing:antialiased}#root{width:100%;max-width:1560px}code,.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.app-viewport{background:var(--bg-canvas);border-radius:28px;box-shadow:0 24px 60px #0006;display:flex;min-height:92vh;overflow:hidden;position:relative;width:100%}.app-sidebar{width:84px;background:var(--bg-sidebar);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.25rem;padding:1.75rem .75rem;border-top-left-radius:28px;border-bottom-left-radius:28px;flex-shrink:0;transition:all .2s ease}.sidebar-brand-logo{width:46px;height:46px;border-radius:14px;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.3rem;margin-bottom:2rem;box-shadow:0 4px 16px #10b98166}.sidebar-icon-btn{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#8e9aa8;background:transparent;border:none;cursor:pointer;transition:all .2s ease;margin-bottom:.75rem}.sidebar-icon-btn:hover{color:#fff;background:#ffffff14}.sidebar-icon-btn.active{background:#ffe28a;color:#191d24;box-shadow:0 4px 14px #ffe28a4d}.app-main{flex:1;padding:1.75rem 2.25rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;max-height:92vh;min-width:0}.app-topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.search-pill-box{display:flex;align-items:center;background:#fff;border:1px solid #E2E8F0;border-radius:9999px;padding:4px 6px 4px 16px;width:320px;box-shadow:0 2px 8px #00000008}.search-pill-box input{border:none;background:transparent;outline:none;font-size:.85rem;color:var(--text-dark-primary);width:100%}.search-btn-circle{width:32px;height:32px;border-radius:50%;background:var(--color-coral);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex-shrink:0}.filter-pills-row{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.filter-pill{padding:.45rem 1rem;border-radius:9999px;font-size:.82rem;font-weight:700;background:#fff;border:1px solid #E2E8F0;color:var(--text-dark-secondary);cursor:pointer;white-space:nowrap;transition:all .15s ease}.filter-pill.active{background:#191d24;color:#fff;border-color:#191d24}.colorful-matches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.colorful-card{border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:230px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.colorful-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -6px #0000001a}.colorful-card.yellow{background:var(--card-yellow);border:1px solid var(--card-yellow-border);color:var(--card-yellow-text)}.colorful-card.purple{background:var(--card-purple);border:1px solid var(--card-purple-border);color:var(--card-purple-text)}.colorful-card.blue{background:var(--card-blue);border:1px solid var(--card-blue-border);color:var(--card-blue-text)}.btn-coral-action{background:var(--color-coral);color:#fff;border:none;border-radius:9999px;padding:.55rem 1.25rem;font-size:.82rem;font-weight:800;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #ff5f384d}.btn-coral-action:hover{background:var(--color-coral-hover);transform:scale(1.02)}.bento-card{background:#fff;border:1px solid #E8E2D9;border-radius:20px;padding:1.25rem;color:var(--text-dark-primary)}.grid-terminal{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}@media(max-width:900px){.grid-terminal{grid-template-columns:1fr!important}.grid-terminal>div{grid-column:span 12!important}}@media(max-width:768px){body{padding:0!important;background-color:var(--bg-canvas)!important}.app-viewport{border-radius:0!important;min-height:100vh!important;box-shadow:none!important;flex-direction:column!important}.app-sidebar{position:fixed!important;bottom:0!important;left:0!important;width:100%!important;height:60px!important;background:#181c24!important;z-index:9999!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;padding:0 .5rem!important;border-radius:0!important;border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:0 -4px 20px #0000004d!important}.app-sidebar>div{flex-direction:row!important;justify-content:space-around!important;width:100%!important}.sidebar-brand-logo{display:none!important}.sidebar-icon-btn{margin-bottom:0!important;width:44px!important;height:44px!important;border-radius:12px!important}.app-main{padding:1rem .85rem 5rem!important;max-height:none!important;overflow-y:visible!important;gap:1.15rem!important}.app-topbar{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.app-topbar h1{font-size:1.35rem!important}.search-pill-box{width:100%!important}.colorful-matches-grid{grid-template-columns:1fr!important;gap:1rem!important}.colorful-card{padding:1.15rem!important;border-radius:18px!important;min-height:auto!important}.colorful-card h3{font-size:1.1rem!important}.bento-card{padding:1rem!important;border-radius:16px!important}.filter-pills-row{padding-bottom:2px!important}}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%,40px) scale(.9)}60%{opacity:1;transform:translate(-50%,-6px) scale(1.03)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes pulseGlowGreen{0%,to{box-shadow:0 0 10px #10b98166,0 0 #10b98133}50%{box-shadow:0 0 25px #10b981e6,0 0 0 4px #10b9814d}}@keyframes saveBtnPulse{0%{transform:scale(1);box-shadow:0 0 #10b981b3}40%{transform:scale(1.06);box-shadow:0 0 0 14px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}@keyframes checkmarkPop{0%{transform:scale(0) rotate(-45deg);opacity:0}70%{transform:scale(1.25) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes cardFlashSuccess{0%{box-shadow:0 0 #10b98199}50%{box-shadow:0 0 25px #10b98166}to{box-shadow:0 0 #10b98100}}@media(max-width:900px){.desktop-nav{display:none!important}}@media(max-width:640px){body{padding:0!important}.app-viewport{border-radius:0!important;min-height:100vh!important}.bento-card{padding:.85rem!important}.admin-panel-container{padding:1rem!important}table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}}