*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#faf9f7;color:#1a1a1a;line-height:1.5;height:100%;margin:0;padding:0;overflow:hidden}h1,h2,h3,h4,h5,h6{color:#161c2d;font-weight:600;line-height:1.25}h1{font-size:2rem}h2,h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem}a{color:#2db6c1;text-decoration:none;transition:color .2s cubic-bezier(.4,0,.2,1)}a:hover{color:#25a0aa}.app-layout{display:flex;height:100vh;overflow:hidden}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;background:#faf9f7;transition:margin-left .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.app-content{flex:1;padding:1.5rem;max-width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#e0e0e0 #f8f9fa}.app-content::-webkit-scrollbar{width:6px;height:6px}.app-content::-webkit-scrollbar-track{background:#f8f9fa;border-radius:3px}.app-content::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.app-content::-webkit-scrollbar-thumb:hover{background:#c9c9c9}.btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:.5rem 1rem;font-weight:600;font-size:.875rem;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer}.btn:disabled{background:#c9c9c9;color:#6c757d;cursor:not-allowed}.btn-primary{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:.5rem 1rem;font-weight:600;font-size:.875rem;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#2db6c1;color:#fff;border:none}.btn-primary:disabled{background:#c9c9c9;color:#6c757d;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#25a0aa}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:.5rem 1rem;font-weight:600;font-size:.875rem;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;background:transparent;color:#2db6c1;border:1px solid #2DB6C1}.btn-secondary:disabled{background:#c9c9c9;color:#6c757d;cursor:not-allowed}.btn-secondary:hover:not(:disabled){background:#2db6c114}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:.5rem 1rem;font-weight:600;font-size:.875rem;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;background:transparent;color:#4b5563;border:none}.btn-ghost:disabled{background:#c9c9c9;color:#6c757d;cursor:not-allowed}.btn-ghost:hover:not(:disabled){background:#f1f3f5;color:#1a1a1a}.btn-danger{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:.5rem 1rem;font-weight:600;font-size:.875rem;border-radius:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;background:#ef4444;color:#fff;border:none}.btn-danger:disabled{background:#c9c9c9;color:#6c757d;cursor:not-allowed}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{height:32px;padding:.25rem .75rem;font-size:.75rem}.btn-lg{height:52px;padding:.75rem 1.5rem;font-size:1rem}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#1a1a1a}.form-input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=datetime-local],textarea,select{height:44px;padding:.5rem .75rem;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:.5rem;font-size:1rem;color:#1a1a1a;transition:border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);width:100%}.form-input::placeholder,input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,input[type=date]::placeholder,input[type=datetime-local]::placeholder,textarea::placeholder,select::placeholder{color:#6c757d}.form-input:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=url]:focus,input[type=date]:focus,input[type=datetime-local]:focus,textarea:focus,select:focus{outline:none;border-color:#2db6c1;box-shadow:0 0 0 .25rem #2db6c140}.form-input:disabled,input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=search]:disabled,input[type=tel]:disabled,input[type=url]:disabled,input[type=date]:disabled,input[type=datetime-local]:disabled,textarea:disabled,select:disabled{background:#c9c9c9;cursor:not-allowed}textarea{min-height:100px;resize:vertical}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem}.form-error{margin-top:.25rem;font-size:.75rem;color:#ef4444}.card{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000a;transition:box-shadow .2s cubic-bezier(.4,0,.2,1);padding:1rem}.card:hover{box-shadow:0 2px 8px #0000000f}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f1f3f5}.card-title{font-size:1.25rem;font-weight:600;color:#161c2d}.card-body{flex:1}.card-footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid #f1f3f5}.table-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px #0000000a;transition:box-shadow .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.table-container:hover{box-shadow:0 2px 8px #0000000f}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#4b5563;background:#fafafa;border-bottom:1px solid #e0e0e0}td{padding:.75rem 1rem;font-size:.875rem;border-bottom:1px solid #f1f3f5;vertical-align:middle}tr:hover td{background:#f1f3f5}tr:last-child td{border-bottom:none}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.page-title{font-size:1.5rem;font-weight:700;color:#161c2d}.page-subtitle{font-size:.875rem;color:#4b5563;margin-top:.25rem}.page-actions{display:flex;gap:.75rem}.empty-state{text-align:center;padding:3rem 1.5rem;color:#4b5563}.empty-state .empty-icon{width:64px;height:64px;margin:0 auto 1rem;color:#e0e0e0}.empty-state .empty-title{font-size:1.25rem;font-weight:600;color:#1a1a1a;margin-bottom:.5rem}.empty-state .empty-text{font-size:.875rem;max-width:400px;margin:0 auto 1rem}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid #f1f3f5;border-top-color:#2db6c1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:3rem}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#4b5563}.text-success{color:#22c55e}.text-warning{color:#f59e0b}.text-error{color:#ef4444}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}.h-full{height:100%}.rounded{border-radius:.5rem}.rounded-lg{border-radius:1rem}.rounded-full{border-radius:9999px}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-lg{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.hidden{display:none}.visible{visibility:visible}.invisible{visibility:hidden}@media (max-width: 768px){.app-content{padding:1rem}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.page-actions{width:100%}.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}