@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--brand: #ed2090;--brand-dark: #c2185b;--brand-light: #fff0f6;--hiq-teal: #005D72;--hiq-peach: #FF9D68;--hiq-soft-pink: #FFCBDA;--hiq-turquoise: #00DECE;--hiq-red: #AA3C35;--header-bg: #000000;--header-shadow: 0 4px 16px rgba(0,0,0,.06);--input-bg: #f8f8fa;--input-border: #d5d5df;--btn-bg: var(--brand);--btn-bg-hover: var(--brand-dark);--btn-color: #fff;--text-main: #222;--text-light: #666;--background-color: #ffffff;--background-accent: linear-gradient(135deg, #000 60%, var(--brand));--font-size-base: 16px;--font-size-small: 14px;--font-size-large: 18px;--font-size-xl: 24px;--font-size-xxl: 32px;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;font-family:Roboto,sans-serif}html,body{margin:0;padding:0;min-height:100vh;font-family:Roboto,sans-serif;font-size:var(--font-size-base);background-color:var(--background-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}*,*:before,*:after{box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}h1{font-size:var(--font-size-xxl);margin-bottom:var(--spacing-md)}h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}h3{font-size:var(--font-size-large);margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-sm);line-height:1.6}button,.btn,.cta-button{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);border-radius:8px;border:none;background:var(--btn-bg);color:var(--btn-color);cursor:pointer;transition:all .2s ease;display:inline-block;text-decoration:none;text-align:center;min-height:44px}button:hover,.btn:hover,.cta-button:hover{background:var(--btn-bg-hover);transform:translateY(-2px)}input,textarea,select{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-base);border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);min-height:44px}table{width:100%;overflow-x:auto;display:block;white-space:nowrap}@media (min-width: 768px){table{display:table;white-space:normal}}@media (min-width: 768px){:root{--font-size-base: 18px;--font-size-xl: 28px;--font-size-xxl: 36px;--spacing-sm: 20px;--spacing-md: 32px;--spacing-lg: 48px;--spacing-xl: 64px}.container{padding:0 var(--spacing-md)}}@media (min-width: 1024px){:root{--font-size-xxl: 42px;--spacing-lg: 64px;--spacing-xl: 80px}.container{padding:0 var(--spacing-lg)}}@media (max-width: 767px){.mobile-stack{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-full-width{width:100%}.mobile-small-text{font-size:var(--font-size-small)}.mobile-hide{display:none}.mobile-reduce-padding{padding:var(--spacing-xs)}}@media (max-width: 767px){.mobile-only{display:block}}.main-header{background-color:#000;color:var(--brand);position:relative;display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;box-sizing:border-box;width:100%;border-bottom:4px solid var(--brand)}.header-content{display:flex;align-items:center;gap:1rem;flex:1;justify-content:center}.main-header .logo{height:50px;z-index:2}.main-header h1{margin:0;font-size:1.5rem;font-weight:700;text-align:center;color:var(--brand);white-space:nowrap}.header-title span{color:inherit}.hamburger-btn{background:none;border:none;cursor:pointer;padding:8px;margin-right:var(--spacing-xs)}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;justify-content:space-between}.hamburger span{display:block;height:2px;background:var(--brand);transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.lang-dropdown{position:relative;display:inline-block}.lang-dropdown-btn{background:#000;border:2px solid var(--brand);border-radius:8px;padding:8px 12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;transition:all .2s ease;min-height:44px;min-width:60px;color:var(--text-main)}.lang-dropdown-btn:hover{border-color:var(--brand);background:#000;color:#fff}.current-lang{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:500}.current-lang .lang-flag{font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center}.dropdown-arrow{font-size:10px;transition:transform .2s ease;color:var(--text-main)}.dropdown-arrow.open{transform:rotate(180deg)}.lang-dropdown-menu{position:absolute;top:100%;right:0;background:var(--brand-light);border:2px solid var(--brand);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;min-width:140px;overflow:hidden;animation:dropdownSlide .2s ease-out}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lang-option{width:100%;background:none;border:none;padding:12px 16px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;transition:background .2s ease;min-height:44px;color:var(--text-main)}.lang-option:hover{background:var(--brand-light);color:var(--text-main)}.lang-option.active{background:var(--brand);color:#fff}.lang-flag{font-size:20px;min-width:24px;display:flex;align-items:center;justify-content:center}.lang-label{font-weight:500}@media (max-width: 768px){.header-content{gap:.5rem}.main-header .logo{height:40px}.main-header h1{font-size:1.2rem}.lang-dropdown-btn{padding:8px 10px;min-width:56px}.current-lang .lang-flag{font-size:22px}.lang-dropdown-menu{min-width:120px;right:-10px}.lang-option{padding:10px 12px}}@media (max-width: 480px){.main-header h1{font-size:1rem}.lang-dropdown-btn .current-lang .lang-label{display:none}.lang-dropdown-btn{min-width:48px;padding:8px;justify-content:center}.current-lang{justify-content:center}.current-lang .lang-flag{font-size:26px}}.mobile-hide{display:inline;color:#fff}@media (max-width: 768px){.mobile-hide{display:none}}.sidebar{background-color:#000;color:#fff;border-right:4px solid hotpink;display:flex;flex-direction:column;transition:all .3s ease;position:relative;z-index:5;overflow:hidden}.sidebar.desktop{min-height:100vh;position:sticky;top:0;width:200px}.sidebar.desktop.collapsed{width:60px}.sidebar.mobile{position:fixed;top:0;left:-250px;width:250px;height:100vh;z-index:999;box-shadow:2px 0 10px #00000080;overflow-y:auto}.sidebar.mobile.open{left:0}.toggle-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;margin:.5rem;align-self:flex-end;transition:transform .2s;display:flex;align-items:center;justify-content:center;width:32px;height:32px;line-height:1}.toggle-btn:hover{color:#ff69b4;transform:scale(1.1)}.close-btn{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:none;border:none;color:#fff;font-size:20px;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.close-btn:hover{color:#ff69b4}.sidebar nav{flex-grow:1;padding:var(--spacing-sm) 0}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav li{margin:.5rem 0}.nav-item{color:#fff;text-decoration:none;display:flex;align-items:center;gap:var(--spacing-sm);padding:.5rem;border-radius:4px;font-weight:500;transition:background .2s,color .2s;min-height:44px;margin:0 .5rem;overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background:#222;color:var(--brand)}.nav-item.active{background:var(--brand);color:#000}.nav-icon{font-size:20px;min-width:24px;text-align:center}.nav-text{font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.sidebar-footer{font-size:.75rem;color:#fff;padding:.75rem;opacity:.8;text-align:center;border-top:1px solid #333}.footer-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.sidebar.desktop{display:none}.nav-item{padding:var(--spacing-md) .5rem;margin:0 .5rem}.nav-text{font-size:var(--font-size-base);white-space:normal;word-break:break-word;text-overflow:unset}.sidebar-footer{padding:var(--spacing-sm);white-space:normal}}@media (min-width: 769px){.sidebar.mobile{display:none}}.sidebar.desktop.collapsed .nav-text,.sidebar.desktop.collapsed .footer-text{opacity:0;width:0;overflow:hidden;transition:opacity .2s ease}.sidebar.mobile .nav-text,.sidebar.mobile .footer-text{opacity:1;width:auto}.sidebar nav{overflow-y:auto;max-height:calc(100vh - 80px)}.app-container{display:flex;flex-direction:column;min-height:100vh;background:#111;color:#fff}.content-container{display:flex;flex:1;min-height:0}.main-content{flex:1;padding:1rem;background:#fff;overflow-y:auto}.landing-page{padding:2rem;background:#fff;color:#000;text-align:center;min-height:100%;width:100%}.highlight{color:var( --brand);font-weight:700;font-size:1.15em}.landing-page h1{color:var( --brand);font-size:2.2rem;margin-bottom:.5rem}.landing-page h2{font-size:1.5rem;margin-bottom:1rem;color:#000}.landing-page p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.landing-page ul{margin:1rem 0;list-style:none;padding:0;color:#000}.landing-page li{margin:.5rem 0}.lang-switcher{margin-bottom:1rem}.lang-switcher button{background:none;border:2px solid var( --brand);color:var( --brand);padding:.3rem .75rem;margin:0 .25rem;border-radius:4px;cursor:pointer;font-weight:700}.lang-switcher button:hover{background:var( --brand);color:#000}.cta-container{margin-top:2rem}.cta-button{display:inline-block;background:var( --brand);color:#000;font-size:1.3rem;font-weight:700;text-decoration:none;padding:1rem 2rem;border-radius:50px;box-shadow:0 0 15px var( --brand);animation:pulse 1.5s infinite}.cta-button:hover{background:#ff69b4;box-shadow:0 0 25px var( --brand)}@keyframes pulse{0%{box-shadow:0 0 10px var( --brand)}50%{box-shadow:0 0 30px var( --brand)}to{box-shadow:0 0 10px var( --brand)}}.drawpage-container.container{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}.drawpage-container{min-height:100vh;background:var(--background-color, #fff);color:var(--text-main, #222);padding:.5rem 0;overflow-x:hidden}.drawpage-wrapper{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:1rem;padding:0 .5rem;max-width:100%;margin:0;width:100%}.drawpage-main{flex:1 1 400px;min-width:300px;max-width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:1rem;display:flex;flex-direction:column}.drawpage-main h2{color:var(--brand, hotpink);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.drawpage-meta p{font-size:1rem;margin:.125rem 0;color:var(--text-main, #222)}.drawpage-canvas{margin:.5rem 0;background:#fff;border-radius:6px;box-shadow:0 2px 8px #0000000d;padding:.5rem;width:100%;max-width:100%;align-self:stretch;overflow-x:auto}.drawpage-canvas h3{font-size:1rem;color:var(--brand);margin-bottom:.25rem;font-weight:500}.drawpage-buttons{display:flex;gap:.5rem;margin-top:.5rem}.drawpage-buttons button{flex:1;padding:.5rem 1rem;background:var(--brand);color:#fff;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;text-align:center;box-shadow:0 1px 3px #e63c7826;transition:background .2s,transform .15s}.drawpage-buttons button:hover{background:var(--brand-dark);transform:translateY(-1px)}.back-btn{background:#f8f9fa!important;color:var(--text-main)!important;border:1px solid #dee2e6!important;box-shadow:0 1px 3px #0000001a!important}.drawpage-status{flex:1 1 300px;max-width:320px;background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column}.drawpage-status h3{color:var(--text-main, #222);font-size:1rem;margin-bottom:.75rem;font-weight:600}@media (max-width: 430px){.drawpage-container{padding:.25rem 0}.drawpage-wrapper{flex-direction:column;padding:0 .25rem;gap:.5rem}.drawpage-main{min-width:auto;width:100%;max-width:100%;padding:.75rem .5rem;margin:0}.drawpage-canvas{padding:.25rem;width:calc(100% + .5rem);margin:.25rem -.25rem}.drawpage-status{width:100%;max-width:100%;padding:.75rem .5rem;margin:0}.drawpage-buttons{flex-direction:column;gap:.5rem;margin-top:.5rem}}@media (max-width: 380px){.drawpage-wrapper{padding:0 .125rem}.drawpage-main{padding:.5rem .25rem}.drawpage-canvas{padding:.125rem;width:calc(100% + .25rem);margin-left:-.125rem;margin-right:-.125rem}}@media (min-width: 431px) and (max-width: 768px){.drawpage-wrapper{flex-direction:column;padding:0 1rem;gap:1rem}.drawpage-main,.drawpage-status{width:100%;max-width:100%}}@media (min-width: 769px){.drawpage-wrapper{padding:0 1rem;max-width:1200px;margin:0 auto}}.status-box{background:#fff;border:2px solid var(--brand);border-radius:10px;padding:1rem 1.2rem;font-family:Roboto,sans-serif;color:var(--text-main);box-shadow:0 2px 10px #0000000f}.status-step{display:flex;align-items:center;margin-bottom:.8rem}.status-step:last-child{margin-bottom:0}.status-circle{width:16px;height:16px;border-radius:50%;margin-right:.8rem;display:flex;align-items:center;justify-content:center}.status-circle.done{background:green}.status-circle.error{background:red}.status-circle.spinning{background:#ff8c00;position:relative}.spinner{width:10px;height:10px;border:2px solid #fff;border-top:2px solid darkorange;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-info{display:flex;flex-direction:column}.status-label{font-size:.95rem;font-weight:500}.status-timestamp{font-size:.8rem;color:var(--text-light)}.error-text{color:red;font-weight:700}.canvas-wrapper{width:316px;height:210px;position:relative;border-radius:5px;overflow:hidden;margin:0 auto;flex-shrink:0}.canvas,.canvasDetails{width:316px!important;height:210px!important;border:1px solid var(--input-border);border-radius:5px;background:#fafafd;display:block}.drawpage-container{min-height:100vh;background:var(--background-color, #fff);color:var(--text-main, #222);padding:2rem 0}.drawpage-wrapper{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:2.5rem;padding:0 2rem;max-width:1400px;margin:0 auto;width:100%}.drawpage-main{flex:1 1 400px;min-width:330px;max-width:650px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:2rem;display:flex;flex-direction:column}.drawpage-main h2{color:var(--brand, hotpink);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.drawpage-meta p{font-size:1.05rem;margin:.25rem 0;color:var(--text-main, #222)}.drawpage-meta strong{color:var(--brand-dark, #c2185b);font-weight:600}.drawpage-canvas{margin:1.5rem 0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000017;padding:1.5rem;width:100%;max-width:600px;align-self:center;overflow-x:auto}.drawpage-canvas h3{font-size:1.15rem;color:var(--brand);margin-bottom:.5rem;font-weight:500}.drawpage-buttons{display:flex;gap:1rem;margin-top:1rem}.drawpage-buttons button{flex:1;padding:.6rem 1.2rem;background:var(--brand);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;text-align:center;box-shadow:0 2px 6px #e63c7826;transition:background .2s,transform .15s}.drawpage-buttons button:hover{background:var(--brand-dark);transform:translateY(-2px)}.back-btn{background:#f8f9fa!important;color:var(--text-main)!important;border:2px solid #dee2e6!important;box-shadow:0 2px 6px #0000001a!important}.back-btn:hover{background:#e9ecef!important;border-color:#adb5bd!important}.drawpage-status{flex:1 1 300px;max-width:320px;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 14px #00000014;display:flex;flex-direction:column}.drawpage-status h3{color:var(--text-main, #222);font-size:1.1rem;margin-bottom:1rem;font-weight:600}.status-wrapper{width:100%}@media (max-width: 900px){.drawpage-main{max-width:none;flex:1 1 350px}.drawpage-status{max-width:none;flex:1 1 280px}.drawpage-canvas{max-width:100%;padding:1rem}}@media (max-width: 850px){.drawpage-wrapper{flex-direction:column;gap:2rem;padding:0 1.5rem}.drawpage-main,.drawpage-status{max-width:100%;width:100%;flex:1 1 auto;min-width:auto}}@media (max-width: 768px){.drawpage-wrapper{flex-direction:column;padding:0 1rem;gap:1.5rem}.drawpage-main,.drawpage-status{max-width:100%;width:100%;flex:1 1 auto;min-width:auto}.drawpage-status{padding:1.5rem;max-width:none}.drawpage-main{padding:1.5rem;max-width:none;min-width:auto}.drawpage-canvas{padding:1rem;margin:1rem 0}.drawpage-buttons{flex-direction:column;gap:.75rem}.drawpage-buttons button{width:100%}}@media (min-width: 480px) and (max-width: 768px){.drawpage-buttons{flex-direction:row}}@media (max-width: 480px){.drawpage-container{padding:1rem 0}.drawpage-wrapper{padding:0 .5rem}.drawpage-main{padding:1rem .5rem}.drawpage-status{padding:1rem}.drawpage-canvas{padding:1rem .25rem;margin:1rem -.25rem}}@media (max-width: 400px){.drawpage-wrapper{padding:0 .25rem}.drawpage-main{padding:1rem .25rem}.drawpage-canvas{padding:1rem .1rem;margin:1rem -.15rem}}@media (max-width: 360px){.drawpage-canvas{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;padding:1rem 0;display:flex;justify-content:center}}.content-wrapper{display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;gap:2.5rem;padding:0 2rem;max-width:1400px;margin:0 auto;width:100%}.draw-section-wrapper{flex:1 1 400px;min-width:330px;max-width:650px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;padding:2rem;display:flex;flex-direction:column;align-items:center}.draw-canvas-block{margin:1.5rem 0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #00000017;padding:1.5rem;width:100%;max-width:600px;align-self:center;overflow-x:auto}.draw-canvas-block h3{font-size:1.15rem;color:var(--brand);margin-bottom:.5rem;font-weight:500;text-align:center}.draw-canvas-buttons{display:flex;gap:1rem;margin-top:1.5rem;width:100%;max-width:600px}.canvas-btn{flex:1;padding:.6rem 1.2rem;background:var(--brand);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;text-align:center;box-shadow:0 2px 6px #e63c7826;transition:background .2s,transform .15s;display:flex;align-items:center;justify-content:center;gap:.5rem}.canvas-btn:hover{background:var(--brand-dark);transform:translateY(-2px)}.canvas-btn.primary{background:var(--brand)}.mobile-show-text{display:none}@media (max-width: 850px){.content-wrapper{flex-direction:column;gap:2rem;padding:0 1.5rem}.draw-section-wrapper{max-width:100%;width:100%;flex:1 1 auto;min-width:auto}}@media (max-width: 768px){.content-wrapper{flex-direction:column;padding:0 1rem;gap:1.5rem}.draw-section-wrapper{padding:1.5rem;max-width:none;min-width:auto}.draw-canvas-block{padding:1rem;margin:1rem 0}.draw-canvas-buttons{flex-direction:column;gap:.75rem}.canvas-btn{width:100%}.mobile-show-text{display:inline}}@media (min-width: 480px) and (max-width: 768px){.draw-canvas-buttons{flex-direction:row}.mobile-show-text{display:none}}@media (max-width: 480px){.content-wrapper{padding:0 .5rem}.draw-section-wrapper{padding:1rem .5rem}.draw-canvas-block{padding:1rem .25rem;margin:1rem -.25rem}.mobile-show-text{display:inline}}@media (max-width: 400px){.content-wrapper{padding:0 .25rem}.draw-section-wrapper{padding:1rem .25rem}.draw-canvas-block{padding:1rem .1rem;margin:1rem -.15rem}}@media (max-width: 360px){.draw-canvas-block{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);width:100vw;padding:1rem 0;display:flex;flex-direction:column;align-items:center}}.modal-overlay{position:fixed;inset:0;background:#14141e40;display:flex;align-items:center;justify-content:center;z-index:1500}.modal-content{width:400px;max-width:95vw;background:#fff;border-radius:10px;box-shadow:0 10px 32px #0000001f;padding:2rem 1.5rem;color:var(--text-main);font-family:Roboto,sans-serif}.modal-content h2{color:var(--brand-dark);margin-bottom:1.5rem;font-size:1.3rem}.modal-content label{display:block;font-weight:500;color:var(--text-light);margin:1rem 0 .4rem}.modal-content input{width:100%;padding:.6rem .8rem;border-radius:6px;border:1px solid var(--input-border);color:var(--text-main);background:var(--input-bg);margin-bottom:1rem;font-size:1rem}.modal-content input:focus{outline:2px solid var(--brand);border-color:var(--brand)}.modal-buttons{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.2rem}.modal-buttons button{-webkit-appearance:none;padding:.6rem 1.3rem;border-radius:6px;border:none;cursor:pointer;font-weight:600;font-size:1rem;transition:background .2s ease}.modal-buttons button[type=submit]{background:var(--brand);color:var(--btn-color)}.modal-buttons button[type=submit]:hover{background:var(--brand-dark)}.modal-buttons button[type=button]{background:#aaa;color:#fff}.modal-buttons button[type=button]:hover{background:#888}.progress-overlay{position:fixed;inset:0;background:#00000059;display:flex;justify-content:center;align-items:center;z-index:2000}.progress-modal{background:#fff;border:3px solid var(--brand);border-radius:12px;padding:2rem 2.5rem;text-align:center;width:400px;max-width:90vw;box-shadow:0 6px 20px #00000026}.progress-modal h2{font-size:1.25rem;margin-bottom:1.8rem;color:var(--brand-dark)}.fade-text{opacity:0;animation:fadeIn .6s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.progress-bar{position:relative;height:8px;width:100%;background:#f2f2f2;border-radius:8px;overflow:hidden}.progress-bar.indeterminate .progress-bar-fill{position:absolute;height:100%;width:40%;background:var(--brand);animation:slide 1.2s infinite ease-in-out}@keyframes slide{0%{left:-40%}50%{left:30%}to{left:100%}}.history-container{padding:2rem;max-width:1200px;margin:0 auto;background:var(--background-color);color:var(--text-main)}.history-container h2{color:var(--brand);margin-bottom:1rem}.history-search-input{display:block;width:350px;max-width:98vw;margin:0 0 1.5rem;padding:.6rem 1rem;border:1.2px solid var(--input-border);border-radius:6px;background:#fafafd;color:var(--text-main);font-size:1.05rem}.history-search-input:focus{outline:2px solid var(--brand)}.history-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;box-shadow:0 2px 16px #00000014;overflow:hidden}.history-table th,.history-table td{padding:.7rem 1rem;text-align:left}.clickable-row{cursor:pointer;transition:background .15s}.status.done{color:green;font-weight:600}.status.error{color:red;font-weight:600}.status.progress{color:#ff8c00;font-weight:600}.status.other{color:gray}.status{cursor:help;position:relative;display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase}.status.done{background:#22c55e;color:#fff}.status.progress{background:#f59e0b;color:#fff}.status.error{background:#ef4444;color:#fff}.status.other{background:#6b7280;color:#fff}.status[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:6px 10px;border-radius:4px;font-size:12px;font-weight:400;white-space:nowrap;z-index:1000;pointer-events:none}.status[data-tooltip]:hover:before{content:"";position:absolute;bottom:115%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6;z-index:1000;pointer-events:none}.history-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;box-shadow:0 2px 16px #00000014;overflow:hidden;display:table;white-space:normal}.history-table th,.history-table td{padding:.7rem 1rem;text-align:left;vertical-align:middle;display:table-cell}.history-table th{background:#f6f7fa;font-weight:700}.history-table td{border-bottom:1px solid #eee}.history-table tr:last-child td{border-bottom:none}.clickable-row{cursor:pointer;transition:background .15s;display:table-row}.clickable-row:hover{background:var(--brand-light)}@media (max-width: 767px){.history-table{display:table;table-layout:fixed}.history-table th,.history-table td{display:table-cell;padding:.5rem;word-wrap:break-word}.history-table th:first-child,.history-table td:first-child{width:60%}.history-table th:last-child,.history-table td:last-child{width:40%}.history-search-input{width:100%;margin-bottom:1rem}}@media (max-width: 767px){.mobile-stack{gap:.25rem}.mobile-only{font-size:.85rem;color:var(--text-light);margin-top:.25rem}}.status{cursor:help;position:relative;display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;vertical-align:middle}.desktop-only{display:block}.mobile-only{display:none}.mobile-cards{width:100%}.cards-container{display:flex;flex-direction:column;gap:1rem}.history-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;border:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease}.history-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.history-card:active{transform:translateY(0)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}.card-name{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-main);flex:1;line-height:1.3}.card-status{flex-shrink:0}.card-body{display:flex;flex-direction:column;gap:.5rem}.card-info{display:flex;justify-content:space-between;align-items:center;gap:1rem}.info-label{font-size:.9rem;color:var(--text-light);font-weight:500;flex-shrink:0}.info-value{font-size:.9rem;color:var(--text-main);text-align:right;flex:1}.timestamp-relative{color:var(--text-light);font-size:.8rem;margin-left:.5rem}@media (max-width: 767px){.desktop-only{display:none}.mobile-only{display:block}.history-container{padding:1rem}.history-search-input{width:100%;margin-bottom:1.5rem}.card-header{flex-direction:column;align-items:stretch;gap:.5rem}.card-status{align-self:flex-start}.card-info{flex-direction:column;align-items:stretch;gap:.25rem}.info-value{text-align:left}.timestamp-relative{margin-left:0}}@media (min-width: 480px) and (max-width: 767px){.card-header{flex-direction:row;align-items:flex-start}.card-info{flex-direction:row;align-items:center}.info-value{text-align:right}.timestamp-relative{margin-left:.5rem}}@media (min-width: 768px){.history-table th:nth-child(1),.history-table td:nth-child(1){width:25%}.history-table th:nth-child(2),.history-table td:nth-child(2){width:30%}.history-table th:nth-child(3),.history-table td:nth-child(3){width:20%}.history-table th:nth-child(4),.history-table td:nth-child(4){width:25%}}.architecture-container{background:#fff;color:var(--text-main);max-width:900px;margin:2rem auto;padding:2rem;border-radius:12px;box-shadow:0 4px 16px #00000014}.architecture-container h2{color:var(--brand);margin-bottom:1rem}.architecture-container h3{margin-top:2rem;color:var(--brand-dark)}.intro{font-size:1.1rem;margin-bottom:1.5rem;color:var(--text-main);line-height:1.6em}.architecture-section{margin-bottom:1.5rem;line-height:1.6em}.architecture-section p{margin-top:.3rem}.architecture-points{margin:1rem 0 2rem 1.2rem;list-style:disc}.architecture-points li{margin-bottom:.4rem}.architecture-flow{margin:1rem 0 0 1.2rem;list-style:decimal}.architecture-flow li{margin-bottom:.4rem}.flow-section h3{color:var(--brand-dark);margin-top:2rem}.architecture-image{margin:2rem 0;text-align:center}@media (max-width: 700px){.architecture-container{padding:1.2rem}.architecture-container h2{font-size:1.4rem}.architecture-container h3{font-size:1.1rem}.architecture-svg{width:100%}}.architecture-grid{display:grid;gap:1rem}.architecture-card{display:flex;align-items:flex-start;gap:1rem;background:#fafafa;padding:1rem 1.2rem;border-radius:8px;box-shadow:0 2px 4px #0000000d}.architecture-card .icon{font-size:1.6rem}.architecture-image.large{margin:2rem 0;text-align:center}.architecture-svg{max-width:100%;height:auto}.dafu-container{background:#fff;color:var(--text-main);max-width:900px;margin:2rem auto;padding:2rem;border-radius:12px;box-shadow:0 4px 16px #00000014;font-size:1rem;line-height:1.6}.dafu-container h2{color:var(--brand);margin-bottom:1rem}.dafu-container h3{margin-top:1.5rem;margin-bottom:.7rem;color:var(--brand-dark)}.intro,.dafu-container p{margin-bottom:1rem}.dafu-container ul{list-style:none;margin:1rem 0 0;padding:0}.dafu-container li{margin-bottom:.5rem;padding-left:1.8rem;position:relative}.dafu-container li:before{content:"✔";color:var(--brand);font-weight:700;position:absolute;left:0;top:0}.learn-more{margin-top:2rem;text-align:center;border-top:2px solid var(--brand-light);padding-top:1.5rem}.learn-more p{margin-bottom:1rem;font-weight:500}.btn-link{display:inline-block;background:var(--brand);color:#fff;padding:.7rem 1.4rem;border-radius:6px;text-decoration:none;font-weight:600;transition:background .2s ease}.btn-link:hover{background:var(--brand-dark)}.fota-container{background:#fff;color:var(--text-main);max-width:900px;margin:2rem auto;padding:2rem;border-radius:12px;box-shadow:0 4px 16px #00000014;font-size:1rem;line-height:1.6}.fota-container h2{color:var(--brand);margin-bottom:1rem}.fota-container h3{margin:1.5rem 0 1rem;color:var(--brand-dark)}.accordion{margin-top:1rem}.accordion-item{margin-bottom:.5rem}.accordion-header{width:100%;padding:.75rem 1rem;background:var(--brand-light);border:2px solid var(--brand);border-radius:6px;cursor:pointer;text-align:left;font-weight:600;color:var(--brand-dark);transition:background .2s ease}.accordion-header.active{background:var(--brand);color:#fff}.accordion-content{background:#fafafa;border-left:3px solid var(--brand);margin-top:.3rem;padding:.7rem 1rem;border-radius:4px}.device-page{background:#fff;color:var(--text-main);max-width:900px;margin:2rem auto;padding:2rem;border-radius:12px;box-shadow:0 4px 16px #00000014}.device-title{color:var(--brand);margin-bottom:1rem}.device-intro{font-size:1.1rem;margin-bottom:1.5rem;color:var(--text-main)}.device-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1.5rem 2rem;border:1px solid rgba(0,0,0,.05)}.device-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:.5rem}.device-name{margin:0;font-size:1.3rem;font-weight:600;color:var(--brand-dark)}.device-status{color:#fff;border-radius:16px;padding:.3rem .8rem;font-size:.85em;font-weight:600}.device-status.connected{background-color:var(--brand)}.device-details{margin-top:1rem;line-height:1.6em}.device-row{display:flex;justify-content:space-between;margin:6px 0;font-size:.95rem}.device-row strong{color:var(--brand-dark)}.device-info{margin-top:1.8rem}.device-info h3{color:var(--brand-dark);font-size:1.1rem;margin-bottom:.5rem}.device-info ul{margin:.4rem 0 0 1.2rem;list-style:disc}.checkmark{color:var(--brand);font-weight:700}.green{color:green;font-weight:500}.cra-container{background:#fff;color:var(--text-main);max-width:900px;margin:2rem auto;padding:2rem;border-radius:12px;box-shadow:0 4px 16px #00000014;overflow-wrap:break-word;word-wrap:break-word}.cra-container h2{color:var(--brand);margin-bottom:1rem;text-align:center}.cra-intro{font-size:1.1rem;margin:0 auto 1.8rem;line-height:1.6em;color:var(--text-main);max-width:700px;text-align:center}.highlight{color:var(--brand);font-weight:600}.highlight.strong{color:#d40000;font-weight:700}.cra-grid{display:flex;flex-direction:column;gap:1.2rem}.cra-card{display:flex;align-items:flex-start;gap:1rem;background:#fafafa;padding:1rem 1.3rem;border-radius:8px;box-shadow:0 2px 6px #0000000d}.cra-card .icon{font-size:1.7rem;flex-shrink:0}.cra-text{flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.cra-text h3{margin:0 0 .4rem;color:var(--brand-dark);font-size:1.1rem}.cra-text p{margin:0;line-height:1.5em;font-size:.97rem}.fines-section{margin:2rem auto 0;background:#ffc8c840;border-left:6px solid var(--brand);border-radius:8px;padding:1.5rem 1.3rem;box-shadow:0 3px 8px #00000014;overflow-wrap:break-word;word-wrap:break-word;max-width:700px}.fines-section h3{color:var(--brand-dark);font-size:1.25rem;margin-bottom:.7rem;text-align:center}.fines-section p{line-height:1.6em;color:var(--text-main);font-size:1rem;text-align:center}@media (max-width: 700px){.cra-container{padding:1.2rem}.cra-card{flex-direction:column;align-items:flex-start}.cra-intro,.fines-section{max-width:95%;text-align:left}}