:root{--background:#f8fafc;--foreground:#0f172a;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-foreground:#fff;--sidebar-bg:#fff;--sidebar-border:#e2e8f0;--sidebar-width:300px;--card-bg:#fff;--card-border:#e2e8f0;--card-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--radius:.5rem}@media (prefers-color-scheme:dark){:root{--background:#0f172a;--foreground:#f8fafc;--primary:#3b82f6;--primary-hover:#60a5fa;--sidebar-bg:#1e293b;--sidebar-border:#334155;--card-bg:#1e293b;--card-border:#334155}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--background);color:var(--foreground);-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100vh}.app-container{min-height:100vh;display:block}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:200;flex-direction:column;height:100vh;padding:1.5rem;transition:transform .3s;display:flex;position:fixed;top:0;left:0}.main-content{margin-left:var(--sidebar-width);min-height:100vh;padding:3rem}.main-content>*{width:100%}.centered-container{max-width:1200px;margin:0 auto}@media (max-width:768px){.sidebar{width:100%;transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.sidebar.open{transform:translate(0)}.main-content{width:100%;margin-left:0;padding:4.5rem .5rem 2rem}.learn-page-container{padding:.5rem!important}.mobile-header{background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);z-index:40;justify-content:space-between;align-items:center;height:3.5rem;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}}.logo-container{text-align:center;margin-bottom:2rem}.logo-img{max-width:220px;height:auto}.nav-item{border-radius:var(--radius);color:var(--foreground);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.nav-item:hover,.nav-item.active{background-color:var(--background);color:var(--primary)}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:500;transition:opacity .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{opacity:.9}.target-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;max-width:1200px;margin-top:2rem;margin-left:auto;margin-right:auto;display:grid}.target-card{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:2rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.target-card:hover{box-shadow:var(--card-shadow);border-color:var(--primary);transform:translateY(-4px)}.target-icon{color:var(--primary);margin-bottom:1rem}.target-name{font-weight:600}.admin-header{display:none!important}@media (max-width:768px){.sidebar{width:100%;transform:translate(-100%);box-shadow:2px 0 8px #0000001a;z-index:9999!important}.mobile-hidden{display:none!important}.desktop-hidden{display:inline!important}}.responsive-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.responsive-header .actions{align-items:center;gap:.5rem;display:flex}@media (max-width:768px){.responsive-header{flex-direction:column;align-items:flex-start}.responsive-header h1{white-space:normal;width:100%;font-size:1.5rem!important}.responsive-header .actions{gap:.5rem;width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}}.desktop-table{width:100%;display:table}.mobile-list-view{display:none}@media (max-width:768px){.desktop-table{display:none!important}.mobile-list-view{flex-direction:column;gap:1rem;display:flex!important}.mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;box-shadow:0 1px 2px #0000000d}.mobile-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;display:flex}.mobile-card-title{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.4}.mobile-card-content{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.mobile-card-meta{color:#94a3b8;justify-content:space-between;align-items:center;margin-top:.8rem;font-size:.8rem;display:flex}}.desktop-hidden{display:none}@media (max-width:768px){.mobile-hidden{display:none!important}}@media (min-width:769px){.desktop-hidden{display:none!important}}.tab-icon{margin-right:.5rem}@media (max-width:768px){.tab-icon{display:none}}