@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#635bff;--primary-hover:#5a54e8;--secondary-color:#71717a;--success-color:#00d924;--warning-color:#ffb946;--danger-color:#ff5a5f;--info-color:#09f;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.1875rem;--font-size-2xl:1.375rem;--font-size-3xl:1.75rem;--font-size-4xl:2.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--border-radius:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #00000014,0 1px 2px 0 #00000005;--shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #00000008;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008;--transition-all:all .15s ease;--transition-colors:color .15s ease,background-color .15s ease,border-color .15s ease}html{font-size:16px;line-height:1.5}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--gray-800);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-3);color:var(--gray-900);font-weight:600;line-height:1.2}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}.btn{font-size:var(--font-size-sm);border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-all);white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle;justify-content:center;align-items:center;gap:var(--space-2);border:1px solid #0000;min-height:2.25rem;padding:.625rem 1rem;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow);text-decoration:none;transform:translateY(-1px)}.btn:focus{outline-offset:2px;outline:2px solid #0000;box-shadow:0 0 0 3px #635bff1a}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-sm{font-size:var(--font-size-xs);min-height:1.875rem;padding:.375rem .75rem}.btn-lg{font-size:var(--font-size-base);min-height:2.75rem;padding:.75rem 1.5rem}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:var(--white)}.btn-secondary{background-color:var(--white);border-color:var(--gray-300);color:var(--gray-700)}.btn-secondary:hover{background-color:var(--gray-50);border-color:var(--gray-400);color:var(--gray-800)}.btn-success{background-color:var(--success-color);border-color:var(--success-color);color:var(--white)}.btn-success:hover{color:var(--white);background-color:#00c220;border-color:#00c220}.btn-warning{background-color:var(--warning-color);border-color:var(--warning-color);color:var(--white)}.btn-warning:hover{color:var(--white);background-color:#f5a623;border-color:#f5a623}.btn-danger{background-color:var(--danger-color);border-color:var(--danger-color);color:var(--white)}.btn-danger:hover{color:var(--white);background-color:#e5484d;border-color:#e5484d}.btn-info{background-color:var(--info-color);border-color:var(--info-color);color:var(--white)}.btn-info:hover{color:var(--white);background-color:#0080e6;border-color:#0080e6}.btn-outline-primary{border-color:var(--primary-color);color:var(--primary-color);background-color:#0000}.btn-outline-primary:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:#635bff1a}.btn-outline-secondary{border-color:var(--gray-300);color:var(--gray-600);background-color:#0000}.btn-outline-secondary:hover{background-color:var(--gray-50);border-color:var(--gray-400);color:var(--gray-700)}.btn-outline-danger{border-color:var(--danger-color);color:var(--danger-color);background-color:#0000}.btn-outline-danger:hover{border-color:var(--danger-color);color:var(--danger-color);background-color:#ff5a5f1a}.btn-link{color:var(--primary-color);box-shadow:none;background-color:#0000;border-color:#0000;text-decoration:none}.btn-link:hover{color:var(--primary-hover);box-shadow:none;background-color:#0000;text-decoration:underline;transform:none}.card{background-color:var(--white);border:1px solid var(--gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-all);overflow:hidden}.card:hover{box-shadow:var(--shadow);border-color:var(--gray-300)}.card-header{padding:var(--space-5)var(--space-6);background-color:var(--white);border-bottom:1px solid var(--gray-200);color:var(--gray-900);font-weight:500}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4)var(--space-6);background-color:var(--gray-50);border-top:1px solid var(--gray-200)}.card-title{margin-bottom:var(--space-2);font-size:var(--font-size-lg);color:var(--gray-900);font-weight:600}.card-text{margin-bottom:var(--space-3);color:var(--gray-600)}.form-group{margin-bottom:var(--space-4)}.form-label{margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--gray-700);font-weight:500;display:block}.form-control{width:100%;font-size:var(--font-size-sm);color:var(--gray-800);background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--border-radius-lg);transition:var(--transition-colors);padding:.625rem .75rem;line-height:1.4;display:block}.form-control:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 3px #635bff1a}.form-control::placeholder{color:var(--gray-400)}.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;padding-right:2.5rem}.navbar{background-color:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:var(--shadow-sm);padding:var(--space-3)0}.navbar-brand{font-size:var(--font-size-xl);color:var(--gray-900);font-weight:700;text-decoration:none}.navbar-nav .nav-link{color:var(--gray-600);padding:var(--space-2)var(--space-4);border-radius:var(--border-radius);transition:var(--transition-colors);font-weight:500}.navbar-nav .nav-link:hover{color:var(--primary-color);background-color:var(--gray-50)}.navbar-nav .nav-link.active{color:var(--primary-color);background-color:var(--gray-100)}.alert{padding:var(--space-4);border-radius:var(--border-radius-lg);margin-bottom:var(--space-4);border:1px solid #0000}.table{border-collapse:collapse;width:100%;margin-bottom:var(--space-4)}.table th,.table td{padding:var(--space-3)var(--space-4);text-align:left;border-bottom:1px solid var(--gray-200)}.table th{color:var(--gray-900);background-color:var(--gray-50);font-weight:500;font-size:var(--font-size-sm)}.table-striped tbody tr:nth-of-type(odd){background-color:var(--gray-50)}.badge{padding:var(--space-1)var(--space-2);font-size:var(--font-size-xs);color:var(--white);text-align:center;border-radius:var(--border-radius);font-weight:500;line-height:1;display:inline-block}.badge-primary{background-color:var(--primary-color)}.badge-success{background-color:var(--success-color)}.badge-warning{background-color:var(--warning-color)}.badge-danger{background-color:var(--danger-color)}.badge-info{background-color:var(--info-color)}.badge-secondary{background-color:var(--gray-500)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--gray-500)}.text-primary{color:var(--primary-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-info{color:var(--info-color)}.bg-primary{background-color:var(--primary-color)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-danger{background-color:var(--danger-color)}.bg-info{background-color:var(--info-color)}.bg-light{background-color:var(--gray-100)}.bg-dark{background-color:var(--gray-800)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.me-1{margin-right:var(--space-1)}.me-2{margin-right:var(--space-2)}.me-3{margin-right:var(--space-3)}.me-4{margin-right:var(--space-4)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.rounded{border-radius:var(--border-radius)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.container{width:100%;max-width:1200px;padding:0 var(--space-4);margin:0 auto}.container-fluid{width:100%;padding:0 var(--space-4)}.row{margin:0 -var(--space-2);flex-wrap:wrap;display:flex}.col{padding:0 var(--space-2);flex:1}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-lg-5{padding-left:var(--space-5);padding-right:var(--space-5)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.d-flex{display:flex}.d-inline-block{display:inline-block}.d-grid{display:grid}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-md-end{justify-content:flex-end}.flex-grow-1{flex-grow:1}.gap-2{gap:var(--space-2)}.d-md-flex{display:flex}.w-100{width:100%}.border-bottom{border-bottom:1px solid var(--gray-200)}.pb-2{padding-bottom:var(--space-2)}.small{font-size:var(--font-size-sm)}.text-white{color:var(--white)}.text-white-50{color:#ffffff80}.text-decoration-none{text-decoration:none}.bg-secondary{background-color:var(--gray-500)}.list-group{border-radius:var(--border-radius);flex-direction:column;margin-bottom:0;padding-left:0;display:flex}.list-group-item{padding:var(--space-3)var(--space-4);color:var(--gray-800);background-color:var(--white);border:1px solid var(--gray-200);text-decoration:none;display:block;position:relative}.list-group-item:first-child{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.list-group-item:last-child{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.input-group{flex-wrap:wrap;align-items:stretch;width:100%;display:flex;position:relative}.input-group>.form-control{flex:auto;width:1%;min-width:0;position:relative}.input-group>.form-control:not(:last-child){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.btn{z-index:2;position:relative}.input-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}[disabled]{opacity:.6;cursor:not-allowed}textarea.form-control{resize:vertical;min-height:200px}.alert-info{color:var(--info-color);background-color:#0099ff1a;border-color:#09f3}.alert-warning{color:var(--warning-color);background-color:#ffb9461a;border-color:#ffb94633}.alert-success{color:var(--success-color);background-color:#00d9241a;border-color:#00d92433}.alert-danger{color:var(--danger-color);background-color:#ff5a5f1a;border-color:#ff5a5f33}.form-text{margin-top:var(--space-1);font-size:var(--font-size-sm);color:var(--gray-500)}a{color:var(--primary-color);transition:var(--transition-colors);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:underline}.fw-bolder{font-weight:700}.display-4{font-size:var(--font-size-4xl);font-weight:700}.lead{font-size:var(--font-size-lg);font-weight:400}.position-relative{position:relative}.position-absolute{position:absolute}.overflow-hidden{overflow:hidden}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.6667%;max-width:16.6667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333%;max-width:33.3333%}.col-5{flex:0 0 41.6667%;max-width:41.6667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333%;max-width:58.3333%}.col-8{flex:0 0 66.6667%;max-width:66.6667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333%;max-width:83.3333%}.col-11{flex:0 0 91.6667%;max-width:91.6667%}.col-12{flex:0 0 100%;max-width:100%}.gx-5{margin-left:-1.5rem;margin-right:-1.5rem}.gx-5>*{padding-left:1.5rem;padding-right:1.5rem}@media (min-width:576px){.col-sm-1{flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{flex:0 0 16.6667%;max-width:16.6667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333%;max-width:33.3333%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-8{flex:0 0 66.6667%;max-width:66.6667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-12{flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{flex:0 0 16.6667%;max-width:16.6667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333%;max-width:33.3333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-8{flex:0 0 66.6667%;max-width:66.6667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-12{flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg-1{flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{flex:0 0 16.6667%;max-width:16.6667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.col-lg-5{flex:0 0 41.6667%;max-width:41.6667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333%;max-width:58.3333%}.col-lg-8{flex:0 0 66.6667%;max-width:66.6667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333%;max-width:83.3333%}.col-lg-11{flex:0 0 91.6667%;max-width:91.6667%}.col-lg-12{flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-xl-1{flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{flex:0 0 16.6667%;max-width:16.6667%}.col-xl-3{flex:0 0 25%;max-width:25%}.col-xl-4{flex:0 0 33.3333%;max-width:33.3333%}.col-xl-5{flex:0 0 41.6667%;max-width:41.6667%}.col-xl-6{flex:0 0 50%;max-width:50%}.col-xl-7{flex:0 0 58.3333%;max-width:58.3333%}.col-xl-8{flex:0 0 66.6667%;max-width:66.6667%}.col-xl-9{flex:0 0 75%;max-width:75%}.col-xl-10{flex:0 0 83.3333%;max-width:83.3333%}.col-xl-11{flex:0 0 91.6667%;max-width:91.6667%}.col-xl-12{flex:0 0 100%;max-width:100%}}@media (max-width:767px){.d-md-none{display:none}.container{padding:0 var(--space-3)}.btn{padding:.5rem .75rem}.card-body{padding:var(--space-4)}}@media (min-width:768px){.d-md-block{display:block}.d-md-flex{display:flex}.d-md-inline-block{display:inline-block}}@media (min-width:992px){.d-lg-block{display:block}.d-lg-flex{display:flex}.d-lg-inline-block{display:inline-block}}.mx-auto{margin-left:auto;margin-right:auto}.h5{font-size:var(--font-size-lg);margin-bottom:var(--space-3);font-weight:600}.h6{font-size:var(--font-size-base);margin-bottom:var(--space-2);font-weight:600}.card-title{font-size:var(--font-size-lg);margin-bottom:var(--space-3);font-weight:600}.rows{margin-top:var(--space-4)}.btn-toolbar{gap:var(--space-2);flex-wrap:wrap;display:flex}.btn-toolbar .btn{margin-bottom:var(--space-2)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;padding-right:2.5rem}.text-start{text-align:left}.text-end{text-align:right}.img-fluid{max-width:100%;height:auto}.position-fixed{position:fixed}.position-sticky{position:sticky}.z-index-1{z-index:1}.z-index-2{z-index:2}.z-index-3{z-index:3}.masthead{background:linear-gradient(180deg,var(--white)0%,var(--gray-50)100%);border-bottom:1px solid var(--gray-200);color:var(--gray-900);padding:var(--space-20)0;text-align:center}.masthead h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-4);color:var(--gray-900);font-weight:700}.masthead h2{font-size:var(--font-size-xl);margin-bottom:var(--space-8);color:var(--gray-600);font-weight:400}.about-section{padding:var(--space-20)0;background-color:var(--white)}.projects-section{padding:var(--space-20)0;background-color:var(--gray-50)}.contact-section{padding:var(--space-20)0;background-color:var(--white)}.footer{background-color:var(--gray-800);color:var(--gray-300);padding:var(--space-8)0;text-align:center}.dashboard-container{padding:var(--space-6)0}.dashboard-header{margin-bottom:var(--space-8)}.dashboard-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.dashboard-metrics{margin-bottom:var(--space-8)}.dashboard-metrics .card{height:100%}.dashboard-metrics .card-text{font-size:var(--font-size-2xl);color:var(--primary-color);font-weight:700}.quick-actions .btn-toolbar{gap:var(--space-3)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}:focus{outline:2px solid var(--primary-color);outline-offset:2px}
:root{--primary-color:#635bff;--primary-hover:#5a54e8;--primary-light:#f6f5ff;--primary-dark:#4c44d4;--success-color:#00d924;--success-hover:#00c220;--success-light:#f0fdf4;--warning-color:#ffb946;--warning-hover:#f5a623;--warning-light:#fffdf0;--danger-color:#ff5a5f;--danger-hover:#e5484d;--danger-light:#fef2f2;--info-color:#09f;--info-hover:#0080e6;--info-light:#f0f9ff;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d8;--gray-400:#a1a1aa;--gray-500:#71717a;--gray-600:#52525b;--gray-700:#3f3f46;--gray-800:#27272a;--gray-900:#18181b;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.1875rem;--font-size-2xl:1.375rem;--font-size-3xl:1.75rem;--font-size-4xl:2.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.25rem;--radius:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #00000014,0 1px 2px 0 #00000005;--shadow:0 4px 6px -1px #00000012,0 2px 4px -1px #00000008;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #00000008;--transition-all:all .15s ease;--transition-colors:color .15s ease,background-color .15s ease,border-color .15s ease}body{font-family:var(--font-family);background:var(--gray-50);color:var(--gray-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;font-size:var(--font-size-base)}.playground-header{border-bottom:1px solid var(--gray-200);color:var(--gray-900);padding:var(--space-16)0 var(--space-12)0;text-align:center;background:linear-gradient(135deg,#fdfcfb 0%,#f0f0f5 50%,#faf9fc 100%);position:relative;overflow:hidden}.playground-header:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#635bff08,#0000 50%),radial-gradient(circle at 80% 80%,#00d92405,#0000 50%);position:absolute;inset:0}.playground-header h1{font-size:var(--font-size-4xl);color:var(--gray-900);margin-bottom:var(--space-4);letter-spacing:-.025em;z-index:1;font-weight:700;animation:.6s ease-out fadeInUp;position:relative}.playground-header .lead{font-size:var(--font-size-lg);color:var(--gray-600);margin-bottom:var(--space-6);z-index:1;max-width:600px;margin-left:auto;margin-right:auto;font-weight:400;animation:.6s ease-out .1s both fadeInUp;position:relative}.playground-header .alert-warning{background:var(--warning-light);border:1px solid var(--warning-color);color:var(--gray-700);border-radius:var(--radius-lg);max-width:600px;margin:0 auto var(--space-6)auto;padding:var(--space-4);z-index:1;animation:.6s ease-out .2s both fadeInUp;position:relative;box-shadow:0 4px 12px #ffb94633}.playground-header .alert-warning .fas{color:var(--warning-color);margin-right:var(--space-2);animation:2s infinite pulse}.playground-header .btn-link{color:var(--gray-500);font-weight:500;font-size:var(--font-size-sm);transition:var(--transition-colors);text-decoration:none}.playground-header .btn-link:hover{color:var(--gray-700);text-decoration:underline}.playground-section{background:var(--gray-50);padding:var(--space-12)0;min-height:70vh}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,var(--primary-color),var(--info-color));opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--gray-300);transform:translateY(-2px);box-shadow:0 10px 30px -5px #0000001a,0 4px 8px -2px #0000000d}.card:hover:before{opacity:1}.card-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:var(--space-5)var(--space-6)}.card-header h3{color:var(--gray-900);font-weight:600;font-size:var(--font-size-lg);align-items:center;gap:var(--space-2);margin:0;display:flex}.card-header h3 i{color:var(--gray-500);font-size:var(--font-size-base)}.card-body{padding:var(--space-6);background:var(--white)}.btn{font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:var(--space-2);border:1px solid #0000;min-height:2.25rem;padding:.625rem 1rem;font-weight:500;line-height:1.4;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn:hover:before{width:300px;height:300px}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn:disabled:before{display:none}.btn-primary{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-success{background:var(--success-color);color:var(--white);border-color:var(--success-color)}.btn-success:hover{background:var(--success-hover);border-color:var(--success-hover)}.btn-secondary{background:var(--white);color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-outline-primary{background:var(--white);border-color:var(--primary-color);color:var(--primary-color)}.btn-outline-primary:hover{background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.btn-outline-secondary{background:var(--white);color:var(--gray-600);border-color:var(--gray-300)}.btn-outline-secondary:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-700)}.btn-outline-danger{background:var(--white);border-color:var(--danger-color);color:var(--danger-color)}.btn-outline-danger:hover{background:var(--danger-light);border-color:var(--danger-color);color:var(--danger-color)}.btn-sm{font-size:var(--font-size-xs);min-height:1.875rem;padding:.375rem .75rem}.form-label{color:var(--gray-700);margin-bottom:var(--space-2);font-weight:500;font-size:var(--font-size-sm);align-items:center;gap:var(--space-2);transition:color .2s;display:flex}.form-control,.form-select{background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--gray-800);box-shadow:var(--shadow-xs);padding:.625rem .75rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.form-control:hover,.form-select:hover{border-color:var(--gray-400);box-shadow:0 2px 6px #0000000d}.form-control:focus,.form-select:focus{border-color:var(--primary-color);outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #635bff1a,0 2px 8px #00000014}.form-control::placeholder{color:var(--gray-400);transition:color .2s}.form-control:focus::placeholder{color:var(--gray-500)}.form-check{margin-bottom:var(--space-3)}.form-check-input{border:1px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--white);width:1rem;height:1rem;transition:var(--transition-all)}.form-check-input:checked{background:var(--primary-color);border-color:var(--primary-color)}.form-check-input:focus{box-shadow:0 0 0 3px #635bff1a}.form-check-label{margin-left:var(--space-2);color:var(--gray-700);font-weight:400;font-size:var(--font-size-sm)}.form-check-label strong{color:var(--gray-900);font-weight:500}.form-check-label small{color:var(--gray-500);font-size:var(--font-size-xs)}#contactResults{border:1px solid var(--gray-200);border-radius:var(--radius-md);background:var(--white);max-height:350px;animation:.3s ease-out fadeInUp;overflow-y:auto;box-shadow:0 10px 30px #0000001a,0 1px 3px #0000000d}.list-group-item{background:var(--white);border:none;border-bottom:1px solid var(--gray-100);padding:var(--space-4);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.list-group-item:before{content:"";background:var(--primary-color);opacity:0;width:3px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.list-group-item:hover{background:linear-gradient(90deg,#635bff0d,var(--white));transform:translate(4px);box-shadow:0 2px 8px #0000000d}.list-group-item:hover:before{opacity:1}.list-group-item:active{transform:translate(2px)}.list-group-item h6{color:var(--gray-900);margin-bottom:var(--space-1);font-weight:500;font-size:var(--font-size-sm)}.list-group-item p{color:var(--gray-600);margin-bottom:var(--space-1);font-size:var(--font-size-xs)}.list-group-item small{color:var(--gray-500);font-size:var(--font-size-xs)}#currentContactInfo{border:1px solid var(--success-color);color:var(--gray-700);border-radius:var(--radius-lg);padding:var(--space-4);background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);animation:.4s ease-out fadeInUp;position:relative;overflow:hidden;box-shadow:0 4px 12px #00d92426}#currentContactInfo:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}#currentContactInfo strong{color:#15803d;font-weight:600}#currentContactInfo .fas{color:var(--success-color);animation:2s infinite pulse}.preview-container{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow-xs);background:linear-gradient(135deg,#fff 0%,#fafafa 100%);position:relative}.preview-info{border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4);align-items:center;gap:var(--space-3);background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;display:flex;box-shadow:0 2px 8px #0099ff1a}.preview-info .fas{color:var(--info-color);font-size:var(--font-size-lg);animation:2s infinite pulse}.preview-status{text-align:center;margin-bottom:var(--space-4)}.preview-status .badge{font-size:var(--font-size-sm);padding:var(--space-2)var(--space-4);border-radius:var(--radius-lg);font-weight:600;animation:.3s fadeIn;box-shadow:0 2px 8px #0000001a}.preview-actions{gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.preview-actions .btn{min-width:140px}.log-container{margin-top:var(--space-6)}.log-container h5{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}#eventLog{color:#e0e0e0;border:1px solid var(--gray-700);border-radius:var(--radius-md);padding:var(--space-4);font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,Source Code Pro,monospace;font-size:var(--font-size-xs);white-space:pre-wrap;word-break:break-all;background:linear-gradient(135deg,#1a1a1f 0%,#2a2a2f 100%);max-height:300px;line-height:1.6;position:relative;overflow-y:auto;box-shadow:inset 0 2px 4px #0000004d,0 1px 3px #0000001a}#eventLog:before{content:"";pointer-events:none;background:linear-gradient(#0003,#0000);height:20px;position:absolute;top:0;left:0;right:0}.badge{font-size:var(--font-size-xs);border-radius:var(--radius-lg);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:.375rem .75rem;font-weight:600;line-height:1;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000001a}.badge:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.badge-primary{background:var(--primary-color);color:var(--white)}.badge-success{background:var(--success-color);color:var(--white)}.badge-warning{background:var(--warning-color);color:var(--white)}.badge-danger{background:var(--danger-color);color:var(--white)}.badge-info{background:var(--info-color);color:var(--white)}.badge-secondary{background:var(--gray-500);color:var(--white)}.test-section{margin-top:var(--space-12);position:relative}.test-section .card{border:1px solid var(--gray-200);box-shadow:var(--shadow-sm)}.test-section .card-header{background:var(--primary-light);color:var(--primary-color);border-bottom:1px solid var(--primary-color);padding:var(--space-5)var(--space-6)}.test-section .card-header h3{color:var(--primary-color);font-size:var(--font-size-xl);margin-bottom:0;font-weight:600}.test-section .card-body{padding:var(--space-10)}.test-section h5{color:var(--gray-900);font-size:var(--font-size-lg);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-200);align-items:center;font-weight:600;display:flex}.test-section h6{color:var(--gray-800);font-size:var(--font-size-base);margin-bottom:var(--space-4);margin-top:var(--space-8);font-weight:500}.test-section .row{margin-bottom:var(--space-8)}.test-section .row:last-child{margin-bottom:0}.test-section .row.align-items-center{align-items:center}.test-section .row.align-items-center .input-group{margin-bottom:0}.test-section .row.align-items-center .input-group .form-control{height:calc(2.25rem + 2px)}.test-section .row.align-items-center .input-group .btn{white-space:nowrap;min-width:140px;height:calc(2.25rem + 2px)}.test-section .mb-6{margin-bottom:var(--space-12)}.test-section .mb-6:last-child{margin-bottom:0}.test-section .btn{width:100%;margin-bottom:var(--space-3);font-size:var(--font-size-sm);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;border:1px solid;font-weight:500;transition:all .2s;position:relative;overflow:hidden}.test-section .btn *{pointer-events:none}.test-section .btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.test-section .btn:active{transform:translateY(0)}.test-section .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.test-section .btn .spinner-border{width:1rem;height:1rem;margin-right:var(--space-2);border:2px solid;border-right-color:#0000;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.test-section .btn[title]:hover:before,.test-section .btn[title]:hover:after,.test-section .btn[data-title]:hover:before,.test-section .btn[data-title]:hover:after{visibility:hidden!important;opacity:0!important;display:none!important}.test-section .btn-toolbar{gap:var(--space-2);flex-wrap:wrap;display:flex}.test-section .btn-toolbar .btn{flex:1;min-width:0}.test-section .form-group:last-child{margin-bottom:0}.test-section .form-label{margin-bottom:var(--space-2);color:var(--gray-700);font-weight:500;font-size:var(--font-size-sm);display:block}.test-section .form-label.text-muted{color:var(--gray-500);font-weight:400}.test-section *{z-index:auto}.test-section .btn{z-index:1}.test-section .btn-outline-primary{background:var(--white);border:1px solid var(--primary-color);color:var(--primary-color)}.test-section .btn-outline-primary:hover{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.test-section .btn-outline-secondary{background:var(--white);border:1px solid var(--gray-400);color:var(--gray-700)}.test-section .btn-outline-secondary:hover{background:var(--gray-500);color:var(--white);border-color:var(--gray-500)}.test-section .btn-outline-success{background:var(--white);border:1px solid var(--success-color);color:var(--success-color)}.test-section .btn-outline-success:hover{background:var(--success-color);color:var(--white);border-color:var(--success-color)}.test-section .btn-outline-warning{background:var(--white);border:1px solid var(--warning-color);color:var(--warning-color)}.test-section .btn-outline-warning:hover{background:var(--warning-color);color:var(--white);border-color:var(--warning-color)}.test-section .btn-outline-danger{background:var(--white);border:1px solid var(--danger-color);color:var(--danger-color)}.test-section .btn-outline-danger:hover{background:var(--danger-color);color:var(--white);border-color:var(--danger-color)}.test-section .btn-outline-info{background:var(--white);border:1px solid var(--info-color);color:var(--info-color)}.test-section .btn-outline-info:hover{background:var(--info-color);color:var(--white);border-color:var(--info-color)}.test-section .form-group{margin-bottom:var(--space-4)}.test-section .form-label{color:var(--gray-700);margin-bottom:var(--space-2);font-weight:500;font-size:var(--font-size-sm)}.test-section .form-control{border-radius:var(--radius-md);border:1px solid var(--gray-300);padding:var(--space-3);font-size:var(--font-size-sm)}.test-section .form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #635bff1a}.test-section .input-group{align-items:stretch;display:flex}.test-section .input-group .form-control{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.test-section .input-group .btn{border-top-left-radius:0;border-bottom-left-radius:0;width:auto;min-width:120px}.test-section [title],.test-section [data-title],.test-section [data-tooltip]{position:relative}.test-section .tooltip,.test-section .popover{display:none!important}.test-section .btn{z-index:1;position:relative}.test-section :before,.test-section :after{display:none}@media (max-width:768px){.test-section .card-body{padding:var(--space-5)}.test-section .btn{font-size:var(--font-size-xs);padding:var(--space-2)var(--space-3)}.test-section .row{margin-bottom:var(--space-4)}}@media (max-width:576px){.test-section .card-body{padding:var(--space-4)}.test-section h5{font-size:var(--font-size-base)}.test-section .btn{margin-bottom:var(--space-2)}}.docs-section{margin-top:var(--space-12)}.docs-section .card-header{background:var(--gray-50);color:var(--gray-900)}.docs-section .card-header h3{color:var(--gray-900)}.docs-section ul,.docs-section ol{padding-left:var(--space-5);margin-bottom:var(--space-4)}.docs-section li{margin-bottom:var(--space-2);color:var(--gray-700);line-height:1.5;font-size:var(--font-size-sm)}.docs-section strong{color:var(--gray-900);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:.3s fadeIn}.fade-in-up{animation:.5s ease-out fadeInUp}.slide-in-right{animation:.4s ease-out slideInRight}@media (max-width:768px){.playground-header{padding:var(--space-12)0 var(--space-8)0}.playground-header h1{font-size:var(--font-size-3xl)}.playground-header .lead{font-size:var(--font-size-base)}.card-body{padding:var(--space-5)}.btn{font-size:var(--font-size-xs);padding:.5rem .75rem}.preview-actions{flex-direction:column;align-items:center}.preview-actions .btn{width:100%;max-width:280px}.test-section .btn{width:100%;margin-right:0;margin-bottom:var(--space-2)}}@media (max-width:576px){.playground-header{padding:var(--space-10)0 var(--space-6)0}.playground-header h1{font-size:var(--font-size-2xl)}.card-header h3{font-size:var(--font-size-base)}.card-body{padding:var(--space-4)}}.alert.position-fixed{z-index:1050;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:flex-start;max-width:380px;padding:1rem 1.25rem;animation:.4s cubic-bezier(.4,0,.2,1) slideInRight;display:flex;top:20px;right:20px;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a}.alert.position-fixed.fade{animation:.3s cubic-bezier(.4,0,.2,1) slideOutRight}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}.alert.position-fixed .btn-close{cursor:pointer;opacity:.5;background:0 0;border:none;padding:.25rem;font-size:1.125rem;transition:opacity .15s;position:absolute;top:.75rem;right:.75rem}.alert.position-fixed .btn-close:hover{opacity:1}.alert.position-fixed .btn-close:before{content:"×";color:currentColor;font-weight:700}.alert.alert-success{background:var(--success-light);border:1px solid var(--success-color);color:var(--gray-700)}.alert.alert-danger{background:var(--danger-light);border:1px solid var(--danger-color);color:var(--gray-700)}.alert.alert-warning{background:var(--warning-light);border:1px solid var(--warning-color);color:var(--gray-700)}.alert.alert-info{background:var(--info-light);border:1px solid var(--info-color);color:var(--gray-700)}.fas,.far,.fal,.fab,.fa{vertical-align:middle;line-height:1;display:inline-block}.btn .fas,.btn .far,.btn .fal,.btn .fab,.btn .fa{vertical-align:-.125em;margin-right:.375rem}.btn .fas:last-child,.btn .far:last-child,.btn .fal:last-child,.btn .fab:last-child,.btn .fa:last-child{margin-left:.375rem;margin-right:0}.form-label .fas,.form-label .far,.form-label .fal,.form-label .fab,.form-label .fa,h1 .fas,h1 .far,h1 .fal,h1 .fab,h1 .fa,h2 .fas,h2 .far,h2 .fal,h2 .fab,h2 .fa,h3 .fas,h3 .far,h3 .fal,h3 .fab,h3 .fa,h4 .fas,h4 .far,h4 .fal,h4 .fab,h4 .fa,h5 .fas,h5 .far,h5 .fal,h5 .fab,h5 .fa,h6 .fas,h6 .far,h6 .fal,h6 .fab,h6 .fa,.card-header .fas,.card-header .far,.card-header .fal,.card-header .fab,.card-header .fa,.alert .fas,.alert .far,.alert .fal,.alert .fab,.alert .fa{vertical-align:-.125em;margin-right:.5rem}.badge .fas,.badge .far,.badge .fal,.badge .fab,.badge .fa{vertical-align:-.125em;margin-right:.25rem;font-size:.875em}.nav-link .fas,.nav-link .far,.nav-link .fal,.nav-link .fab,.nav-link .fa,li .fas,li .far,li .fal,li .fab,li .fa{vertical-align:-.125em;margin-right:.5rem}.input-group .btn .fas,.input-group .btn .far,.input-group .btn .fal,.input-group .btn .fab,.input-group .btn .fa,.small .fas,.small .far,.small .fal,.small .fab,.small .fa,small .fas,small .far,small .fal,small .fab,small .fa,a .fas,a .far,a .fal,a .fab,a .fa{vertical-align:-.125em;margin-right:.25rem}.fa-exclamation-triangle,.fa-cog,.fa-cogs,.fa-key,.fa-cube,.fa-puzzle-piece,.fa-user,.fa-palette,.fa-toggle-on,.fa-arrows-alt,.fa-trash,.fa-undo,.fa-check,.fa-eye,.fa-list,.fa-flask,.fa-comments,.fa-record-vinyl,.fa-bolt,.fa-book,.fa-question-circle,.fa-info-circle,.fa-external-link-alt,.fa-comment,.fa-power-off,.fa-info,.fa-search,.fa-times,.fa-user-circle{vertical-align:-.125em}.tooltip,.popover{display:none!important}button[title]{pointer-events:auto}button[title]:hover:before,button[title]:hover:after{display:none!important}.btn{z-index:1;position:relative}.btn:focus{outline-offset:2px;outline:2px solid #0000;box-shadow:0 0 0 3px #635bff1a}.btn:before,.btn:after{display:none}[title]{position:relative}[title]:hover:before,[title]:hover:after{display:none!important}#eventLog::-webkit-scrollbar{width:8px}#eventLog::-webkit-scrollbar-track{border-radius:var(--radius-sm);background:#ffffff0d}#eventLog::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#fff3;transition:background .2s}#eventLog::-webkit-scrollbar-thumb:hover{background:#ffffff4d}#contactResults::-webkit-scrollbar{width:8px}#contactResults::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm)}#contactResults::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-sm);transition:background .2s}#contactResults::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}:focus{outline:2px solid var(--primary-color);outline-offset:2px}.form-text{margin-top:var(--space-1);font-size:var(--font-size-xs);color:var(--gray-500)}.input-group>.form-control:not(:last-child){border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.mb-6{margin-bottom:var(--space-12)}.mb-4{margin-bottom:var(--space-4)}.mb-3{margin-bottom:var(--space-3)}.mb-2{margin-bottom:var(--space-2)}.mt-5{margin-top:var(--space-10)}.mt-4{margin-top:var(--space-4)}.mt-3{margin-top:var(--space-3)}.mt-2{margin-top:var(--space-2)}.me-2{margin-right:var(--space-2)}.me-1{margin-right:var(--space-1)}.ms-2{margin-left:var(--space-2)}h5{font-size:var(--font-size-lg);margin-bottom:var(--space-3);color:var(--gray-900);font-weight:600}h6{font-size:var(--font-size-base);margin-bottom:var(--space-2);color:var(--gray-800);font-weight:500}.border-bottom{border-bottom:1px solid var(--gray-200)}.pb-2{padding-bottom:var(--space-2)}a{color:var(--primary-color);transition:var(--transition-colors);text-decoration:none}a:hover{color:var(--primary-hover);text-decoration:underline}@media print{.playground-header,.preview-actions,.test-section,.log-container{display:none}.card{box-shadow:none;border:1px solid var(--gray-300);break-inside:avoid}}
body{animation:.5s ease-out pageLoad}@keyframes pageLoad{0%{opacity:0}to{opacity:1}}.card{animation:.5s ease-out backwards fadeInUp}.col-lg-6:first-child .card{animation-delay:.1s}.col-lg-6:nth-child(2) .card{animation-delay:.2s}.form-control-color{border:2px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;width:4rem;height:2.5rem;transition:all .2s;box-shadow:0 2px 4px #0000000d}.form-control-color:hover{border-color:var(--primary-color);transform:scale(1.05);box-shadow:0 4px 8px #0000001a}.form-control-color:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 4px #635bff1a}.input-group{border-radius:var(--radius-md);transition:box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.input-group:focus-within{box-shadow:0 4px 12px #0000001a,0 0 0 4px #635bff1a}.form-select{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-select:hover{border-color:var(--gray-400);box-shadow:0 2px 6px #0000000d}.test-section h5:after{content:"";background:linear-gradient(90deg,var(--primary-color),var(--info-color));width:40px;height:3px;margin-top:var(--space-3);border-radius:var(--radius-sm);display:block}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--gray-100)0px,var(--gray-200)40px,var(--gray-100)80px);background-size:200px 100%;animation:1.2s ease-in-out infinite skeleton}input[type=number]{appearance:textfield}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:var(--radius-sm)}button:focus-visible,.btn:focus-visible{outline-offset:4px}.btn:active:not(:disabled){transition:transform 50ms;transform:scale(.98)}.card-header{position:relative;overflow:hidden}.card-header:after{content:"";background:linear-gradient(90deg,transparent,var(--gray-300),transparent);height:1px;position:absolute;bottom:0;left:0;right:0}.docs-section{animation:.6s ease-out .3s backwards fadeInUp}.badge-success{background:linear-gradient(135deg,#00d924 0%,#00c220 100%)}.badge-warning{background:linear-gradient(135deg,#ffb946 0%,#f5a623 100%)}.badge-danger{background:linear-gradient(135deg,#ff5a5f 0%,#e5484d 100%)}.badge-info{background:linear-gradient(135deg,#09f 0%,#0080e6 100%)}.badge-primary{background:linear-gradient(135deg,#635bff 0%,#5a54e8 100%)}.form-text.text-success{align-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-sm);border-left:3px solid var(--success-color);background:#00d9240d;animation:.3s fadeIn;display:flex}[style*="display: none"]{transition:opacity .2s,transform .2s}[style*="display: block"]{animation:.3s fadeIn}hr{background:linear-gradient(90deg,transparent,var(--gray-300),transparent);height:1px;margin:var(--space-6)0;border:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.btn,.form-control,.form-select{border:1px solid var(--gray-400)!important;box-shadow:none!important}.card{page-break-inside:avoid}}