*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5;color:#111827;background-color:#f9fafb}:root.dark body{background-color:#111827}body.body--app{background-color:#f1f3f4}:root.dark body.body--app{background-color:#1f2937}body.body--admin{background-color:#f7f8fa}:root.dark body.body--admin{background-color:#0a1320}body.body--landing{background-color:#0a2540}:root.dark body.body--landing{background-color:#0a2540}:root{--surface-content-bg: #f9fafb;--surface-card-bg: #ffffff;--surface-card-border: #e5e7eb;--surface-text: #111827;--surface-text-muted: #6b7280}:root.dark{--surface-content-bg: #111827;--surface-card-bg: #1f2937;--surface-card-border: #374151;--surface-text: #ffffff;--surface-text-muted: rgba(255, 255, 255, .6)}:root{--card-hover-border: rgba(118, 202, 153, .5);--card-hover-lift: -2px}:root{--focus-ring-color: #76ca99;--focus-ring-bg: rgba(118, 202, 153, .12)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;color:#111827}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}p:last-child{margin-bottom:0}a{color:#51bc7e;text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;background:none;border:none}:focus-visible{outline:2px solid #76ca99;outline-offset:2px}::selection{background-color:#a8dfc0;color:#111827}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem;width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:#76ca99;color:#fff}.btn--primary:hover:not(:disabled){background-color:#51bc7e}.btn--primary:focus{outline:2px solid #76ca99;outline-offset:2px}.btn--secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--secondary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.btn--secondary:hover:not(:disabled){background-color:#f1f3f4;border-color:#9ca3af}.btn--secondary:focus{outline:2px solid #76ca99;outline-offset:2px}.btn--ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:500;line-height:1;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn--ghost:disabled{opacity:.5;cursor:not-allowed}.btn--ghost{background-color:transparent;color:#4b5563}.btn--ghost:hover:not(:disabled){background-color:#f1f3f4}.btn--lg{padding:.75rem 1.5rem;font-size:1rem}.btn--sm{padding:.5rem 1rem;font-size:.75rem}.btn--icon{padding:.5rem}.btn--icon.btn--lg{padding:.75rem}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;transition:box-shadow .2s ease}.card--interactive{transition:border-color .2s ease,transform .2s ease}.card--interactive:hover{border-color:var(--card-hover-border);transform:translateY(var(--card-hover-lift))}.card--interactive{cursor:pointer}.card__header{margin-bottom:1rem}.card__title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.card__subtitle{font-size:.875rem;color:#6b7280}.card__body{flex:1}.card__footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.input{width:100%;padding:.625rem .875rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;line-height:1.5;color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:#9ca3af}.input:focus{outline:none;border-color:var(--focus-ring-color);box-shadow:0 0 0 3px var(--focus-ring-bg)}.form-group{margin-bottom:1rem}.form-group__label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px;background-color:#f1f3f4;color:#374151}.badge--primary{background-color:#76ca991a;color:#51bc7e}.badge--success{background-color:#22c55e1a;color:#22c55e}.badge--warning{background-color:#f59e0b1a;color:#f59e0b}.avatar{width:2rem;height:2rem;border-radius:9999px;background-color:#76ca99;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500}.avatar--sm{width:1.5rem;height:1.5rem;font-size:.75rem}.avatar--lg{width:2.5rem;height:2.5rem;font-size:1rem}.grid{display:grid;gap:1.5rem}.grid--2{grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.grid--2{grid-template-columns:repeat(2,1fr)}}.grid--3{grid-template-columns:repeat(1,1fr)}@media (min-width: 576px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 992px){.grid--3{grid-template-columns:repeat(3,1fr)}}.grid--4{grid-template-columns:repeat(1,1fr)}@media (min-width: 576px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid--4{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.grid--4{grid-template-columns:repeat(4,1fr)}}.section{padding:3rem 0}.section--dark{background-color:#0a2540;color:#fff}.section--dark h1,.section--dark h2,.section--dark h3,.section--dark h4,.section--dark h5,.section--dark h6{color:#fff}.section__header{margin-bottom:2rem}.section__title{font-size:1.75rem;margin-bottom:.5rem}.section__subtitle{color:#6b7280}:root{--dashboard-bg: #f9fafb}:root.dark{--dashboard-bg: #111827}.page{min-height:100vh;display:flex;flex-direction:column;background:var(--dashboard-bg);transition:background-color .2s ease}.page__content{flex:1;padding:2rem 0}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;z-index:9999;animation:slideUp .3s ease-out}.toast--success{border-left:4px solid #22c55e}.toast--success svg{color:#22c55e}.toast--error{border-left:4px solid #ef4444}.toast--error svg{color:#ef4444}.toast--warning{border-left:4px solid #f59e0b}.toast--warning svg{color:#f59e0b}.toast--info{border-left:4px solid #76ca99}.toast--info svg{color:#76ca99}.toast__message{font-size:.875rem;color:#374151}.toast__close{background:none;border:none;padding:.25rem;cursor:pointer;color:#9ca3af;transition:color .2s}.toast__close:hover{color:#4b5563}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}.loading-spinner{display:flex;justify-content:center;align-items:center;padding:2rem;color:#76ca99}.loading-spinner--fullscreen{min-height:100vh}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-fallback{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem}.error-fallback__card{max-width:400px;text-align:center}.error-fallback__icon{color:#ef4444;margin-bottom:1rem}.error-fallback__title{font-size:1.25rem;color:#ef4444;margin-bottom:.5rem}.error-fallback__message{color:#6b7280;margin-bottom:1.5rem}.whiteboard-wrapper{height:100%;display:flex;flex-direction:column;flex-grow:1}.whiteboard-container{flex-grow:1;min-height:0}.whiteboard-container>div{height:100%!important;width:100%!important}