
/* Kadrum Admin — component styles. Every colour, radius and shadow is a token from tokens.css. */
:root {
  --dur-press: 90ms; --dur-fast: .14s; --dur: .2s; --dur-slow: .32s;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --sidebar-w: 236px; --sidebar-w-collapsed: 64px; --shell-gap: 12px; --content-max: 1180px;
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");
  --page-tint: var(--grain),
    radial-gradient(1180px 820px at 50% 16%, transparent 40%, #120e1614),
    radial-gradient(760px 520px at 62% 18%, #ffffff8c, transparent 70%),
    radial-gradient(900px 620px at 96% -6%, #b656b81f, transparent 62%),
    radial-gradient(820px 640px at 2% 98%, #9a3f9d14, transparent 60%),
    radial-gradient(700px 520px at -8% 10%, #cfc6d866, transparent 58%);
  --page-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1034 1035'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.5' stop-color='%23d9d3df'/%3E%3Cstop offset='1' stop-color='%238f879a'/%3E%3C/linearGradient%3E%3CradialGradient id='h' cx='.28' cy='.22' r='.6'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='.9'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CclipPath id='k'%3E%3Crect width='1034' height='1034' rx='230'/%3E%3C/clipPath%3E%3Cmask id='m' maskUnits='userSpaceOnUse' x='0' y='0' width='1034' height='1035'%3E%3Crect width='1034' height='1035' fill='%23fff'/%3E%3Cg fill='%23000' clip-path='url(%23k)'%3E%3Cpath d='M179.837467,269.167099 C180.140431,269.101327 180.306636,268.924696 180.336583,268.636676 C209.427559,228.258759 238.625845,187.946615 267.93144,147.700243 C276.511955,136.118452 310.526845,86.9072264 369.97611,0.0665648451 C511,0 528.023816,0.0665648451 687.5625,0 C686.822762,4.10375959 517,-33.21875 343.797071,203.925076 C262,313.722627 290.578828,276.745782 264.687186,313.722627 C281.818974,338.258748 310.816559,379.339332 351.679941,436.964379 C352.878795,438.654985 353.522746,440.676319 353.522746,442.748854 L353.522746,492.287988 C353.522746,497.810835 349.045594,502.287988 343.522746,502.287988 L287.861184,502.287988 C284.626036,502.287988 281.590761,500.722914 279.714576,498.087367 C232.76404,432.134171 199.638042,385.177485 180.336583,357.21731 C180.306636,356.92929 180.140431,356.752659 179.837467,356.686887 C179.51986,378.287723 179.353833,423.488792 179.339384,492.290092 C179.338221,497.812117 174.86141,502.287988 169.339385,502.287988 L98,502.287988 C92.4771525,502.287988 88,497.810835 88,492.287988 L88,136.748536 C88,131.225688 92.4771525,126.748536 98,126.748536 L169.339426,126.748536 C174.861421,126.748539 179.338219,131.224363 179.339422,136.746358 C179.35412,204.231817 179.520135,248.372064 179.837467,269.167099 Z'/%3E%3Cpath d='M580.999082,144.406049 C611.613926,164.356691 631.363825,192.9168 640.248779,230.086907 C643.293764,243.154431 645.128754,256.417722 645.748751,269.876779 C645.965552,309.933667 646.024507,384.515008 645.925618,493.620803 C645.920627,499.126106 641.466767,503.591923 635.961497,503.611674 L562.535103,503.875159 C557.012291,503.894906 552.519106,499.433844 552.499292,493.911032 L552.499228,419.937129 C552.499228,414.414281 548.022075,409.937129 542.499228,409.937129 L480.449755,409.937129 C474.94643,409.937129 470.477406,414.383856 470.44988,419.887112 L470.081063,493.625977 C470.053537,499.129233 465.584513,503.575961 460.081188,503.575961 L387.231411,503.575961 C381.715724,503.575965 377.241542,499.109983 377.231424,493.594305 C377.027977,382.692026 377.03421,306.174234 377.250124,264.040931 C379.792611,225.326977 393.54254,191.992083 418.499913,164.035719 C435.563826,147.021039 455.563723,135.526011 478.499606,129.551163 C487.187562,127.717646 495.854017,126.21465 504.499473,125.041645 C531.634335,124.414556 557.134204,130.869535 580.999082,144.406049 Z M551.718264,261.3614 C547.271695,234.080596 532.033453,220.980563 506.003539,222.061832 C484.77392,226.311496 472.866109,239.942604 470.281103,262.954626 C470.139527,272.786231 470.058129,286.797468 470.036902,304.988335 L470.036902,304.988335 L470.036902,305 C470.036902,310.522848 474.514055,315 480.036902,315 L480.036902,315 L541.962807,315 C541.966454,315 541.970101,315 541.973748,315 C547.49659,314.993951 551.96884,310.511905 551.962807,304.989063 C551.942125,286.091818 551.860613,271.549264 551.718264,261.3614 Z'/%3E%3Cpath d='M791.06137,125.298629 C868.629576,131.637543 917.903845,174.540781 938.884179,254.008875 C950.985139,306.630401 947.653498,358.114499 928.879251,408.461171 C909.464689,451.529477 878.364371,480.456109 835.583299,495.241069 C824.127657,498.898032 812.451906,501.376699 800.566052,502.671763 C794.568097,503.154758 788.565141,503.51037 782.557182,503.733291 C767.770966,503.956932 733.323482,503.969604 679.214728,503.771308 C673.706223,503.751123 669.251374,499.279918 669.251374,493.771375 L669.251374,135.271963 C669.251374,129.759154 673.712864,125.28617 679.225654,125.271992 C737.464192,125.122205 774.742764,125.131084 791.06137,125.298629 Z M772.04765,223.055154 L772,223.055154 C766.477152,223.055154 762,227.532308 762,233.055154 L762,233.055154 L762,397.934464 L762,397.934464 L762.001202,398.011991 C762.086838,403.534172 766.632872,407.941363 772.155053,407.856958 C780.601104,407.724754 787.263413,407.494823 792.141979,407.165938 C819.078862,403.781075 837.244428,388.67954 846.648726,361.861334 C851.335803,346.727477 853.425647,331.184024 852.928305,315.232035 C853.390482,297.258559 850.456662,279.949551 844.136894,263.303951 C833.622367,238.809262 815.622581,225.474342 790.132514,223.298131 C785.687041,223.17249 779.658754,223.091536 772.04765,223.055154 L772.04765,223.055154 Z'/%3E%3Cpath d='M863.271274,899.982692 C863.419898,814.112859 863.413963,756.463909 863.253468,727.03584 C862.733498,727.428746 862.483512,727.959699 862.503511,728.628701 C857.853598,737.652543 842.556701,767.34055 816.612819,817.692723 C814.083219,822.6022 808.052655,824.531471 803.143178,822.00187 C801.302413,821.053419 799.801479,819.556912 798.847596,817.718956 C773.041594,767.995593 757.595657,738.121857 752.509783,728.097747 C752.479785,727.811032 752.314795,727.630508 752.009812,727.566794 C751.688974,757.550093 751.676965,815.016183 751.973784,899.965063 C751.993077,905.487875 747.531597,909.980642 742.008785,910 C741.997138,910 741.985492,910 741.973845,910 L679.764502,910 C674.241654,910 669.764502,905.522847 669.764502,900 L669.764502,545.627155 C669.764502,540.104307 674.241654,535.627155 679.764502,535.627155 L698.012891,535.627155 L698.012891,535.627155 C716.371844,533.768818 729.53776,536.069616 737.510639,542.529549 C739.9355,545.125911 742.185372,547.86563 744.260254,550.759326 C752.759769,566.332188 761.259285,581.910359 769.7588,597.483221 C777.890885,613.593567 790.261176,637.454785 806.869675,669.066875 L806.869686,669.066869 C807.126551,669.555777 807.73112,669.743886 808.220028,669.487021 C808.399875,669.392532 808.546676,669.245506 808.64089,669.065516 C834.726234,619.230672 854.263685,581.742104 867.25324,556.599813 C875.03613,542.908295 891.785175,535.917409 917.500375,535.627155 L935.861366,535.627155 C941.384214,535.627156 945.861366,540.104308 945.861366,545.627155 C945.861366,545.670529 945.861083,545.713902 945.860519,545.757273 C945.592359,566.364588 945.555107,577.5891 945.748764,579.430807 C945.967312,641.551299 946.052186,748.408769 946.003389,900.003216 C946.001614,905.524808 941.524981,910 936.003389,910 L873.271256,910 C867.74841,910 863.271259,905.522846 863.271259,900 C863.271259,899.994231 863.271264,899.988461 863.271274,899.982692 Z'/%3E%3Cpath d='M470.740234,544.22346 C470.63874,654.464666 470.641878,730.407963 470.749646,772.05335 C471.395642,793.938789 481.64559,807.641715 501.499489,813.151521 C508.684452,813.602276 515.849415,813.421974 522.999379,812.621222 C541.194286,807.365959 550.944236,794.723632 552.249229,774.704845 C552.35604,731.794308 552.359136,654.967139 552.258518,544.223336 C552.253503,538.700492 556.726584,534.219275 562.249428,534.214253 C562.252457,534.214253 562.255485,534.214253 562.258514,534.214253 L635.767378,534.214253 C641.283095,534.214253 645.757288,538.680288 645.767358,544.195996 C645.971901,656.23106 645.965699,733.597642 645.748751,776.295742 C643.113765,825.146885 622.693869,862.882961 584.499064,889.514576 C551.659232,908.828065 516.82941,914.486355 479.999599,906.484143 C427.941865,893.518333 395.025533,859.664046 381.250103,804.931887 C379.171114,795.508474 377.837621,785.963092 377.250124,776.295742 C377.034154,733.482163 377.027974,656.115603 377.231582,544.196062 C377.241615,538.680326 381.71582,534.214253 387.231565,534.214253 L460.740238,534.214253 C466.263085,534.214253 470.740238,538.691405 470.740238,544.214253 C470.740238,544.217322 470.740237,544.220391 470.740234,544.22346 Z'/%3E%3Cpath d='M242.366047,533.2994 C267.066593,535.088661 289.547067,543.403152 309.80747,558.253492 C336.222527,580.499799 350.793371,609.616446 353.519503,645.592813 C355.715096,674.056406 350.386224,700.778522 337.533388,725.76447 C332.070633,735.2895 325.326491,743.694251 317.300961,750.984031 C312.941748,754.562554 308.612508,758.103912 304.312243,761.602794 L302.037166,762.958648 L308.173925,771.338404 C317.410932,783.907358 331.094613,802.365319 351.961276,830.374982 C525.164205,1067.51881 694.986967,1030.1963 695.726705,1034.30006 C563.350225,1034.4271 493.855338,1034 378.273479,1034.4271 L362.707069,1011.70091 C312.774388,938.839609 283.903913,897.139244 276.095645,886.599815 C260.502893,865.185758 237.424473,833.35561 206.860387,791.10937 C204.996172,788.532623 202.017422,786.996288 198.837124,786.971255 L189.998997,786.901688 C184.47632,786.858217 179.964066,791.299991 179.920596,796.822667 C179.920389,796.848903 179.920286,796.875141 179.920286,796.901378 L179.920286,900 C179.920286,905.522847 175.443133,910 169.920286,910 L98,910 C92.4771525,910.006627 88,905.529474 88,900.006627 C88,900.004417 88,900.002207 88.0066289,900.000002 L88.2432812,542.996789 C88.2469454,537.475 92.7254162,533.003421 98.2472061,533.003421 C169.807231,533.031524 217.846845,533.130183 242.366047,533.2994 Z M180,635.053271 L180,686.958031 C180,692.480878 184.477154,696.958029 190,696.958029 C190.005529,696.958029 190.011059,696.958029 190.016588,696.958029 C205.304616,696.932655 217.131294,696.846495 225.496621,696.699534 C230.796228,696.395822 235.962844,695.330164 240.99547,693.502561 C255.236913,687.486923 262.236393,676.297517 261.993911,659.934342 C261.265465,640.805786 252.099646,629.259384 234.495953,625.300466 C226.57683,625.184319 211.752307,625.101929 190.022382,625.053271 C184.499547,625.040935 180.012385,629.508057 180,635.030891 C180,635.038351 180,635.045812 180,635.053271 Z'/%3E%3C/g%3E%3C/mask%3E%3Cfilter id='sh' x='-5%25' y='-5%25' width='110%25' height='110%25'%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3C/filter%3E%3ClinearGradient id='w' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23e9e5ee'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1034' height='1034' rx='230' fill='url(%23b)'/%3E%3Crect width='1034' height='1034' rx='230' fill='url(%23h)'/%3E%3Cg clip-path='url(%23k)'%3E%3Cg fill='%234f4859' opacity='.45' filter='url(%23sh)' transform='translate(10 16)'%3E%3Cpath d='M179.837467,269.167099 C180.140431,269.101327 180.306636,268.924696 180.336583,268.636676 C209.427559,228.258759 238.625845,187.946615 267.93144,147.700243 C276.511955,136.118452 310.526845,86.9072264 369.97611,0.0665648451 C511,0 528.023816,0.0665648451 687.5625,0 C686.822762,4.10375959 517,-33.21875 343.797071,203.925076 C262,313.722627 290.578828,276.745782 264.687186,313.722627 C281.818974,338.258748 310.816559,379.339332 351.679941,436.964379 C352.878795,438.654985 353.522746,440.676319 353.522746,442.748854 L353.522746,492.287988 C353.522746,497.810835 349.045594,502.287988 343.522746,502.287988 L287.861184,502.287988 C284.626036,502.287988 281.590761,500.722914 279.714576,498.087367 C232.76404,432.134171 199.638042,385.177485 180.336583,357.21731 C180.306636,356.92929 180.140431,356.752659 179.837467,356.686887 C179.51986,378.287723 179.353833,423.488792 179.339384,492.290092 C179.338221,497.812117 174.86141,502.287988 169.339385,502.287988 L98,502.287988 C92.4771525,502.287988 88,497.810835 88,492.287988 L88,136.748536 C88,131.225688 92.4771525,126.748536 98,126.748536 L169.339426,126.748536 C174.861421,126.748539 179.338219,131.224363 179.339422,136.746358 C179.35412,204.231817 179.520135,248.372064 179.837467,269.167099 Z'/%3E%3Cpath d='M580.999082,144.406049 C611.613926,164.356691 631.363825,192.9168 640.248779,230.086907 C643.293764,243.154431 645.128754,256.417722 645.748751,269.876779 C645.965552,309.933667 646.024507,384.515008 645.925618,493.620803 C645.920627,499.126106 641.466767,503.591923 635.961497,503.611674 L562.535103,503.875159 C557.012291,503.894906 552.519106,499.433844 552.499292,493.911032 L552.499228,419.937129 C552.499228,414.414281 548.022075,409.937129 542.499228,409.937129 L480.449755,409.937129 C474.94643,409.937129 470.477406,414.383856 470.44988,419.887112 L470.081063,493.625977 C470.053537,499.129233 465.584513,503.575961 460.081188,503.575961 L387.231411,503.575961 C381.715724,503.575965 377.241542,499.109983 377.231424,493.594305 C377.027977,382.692026 377.03421,306.174234 377.250124,264.040931 C379.792611,225.326977 393.54254,191.992083 418.499913,164.035719 C435.563826,147.021039 455.563723,135.526011 478.499606,129.551163 C487.187562,127.717646 495.854017,126.21465 504.499473,125.041645 C531.634335,124.414556 557.134204,130.869535 580.999082,144.406049 Z M551.718264,261.3614 C547.271695,234.080596 532.033453,220.980563 506.003539,222.061832 C484.77392,226.311496 472.866109,239.942604 470.281103,262.954626 C470.139527,272.786231 470.058129,286.797468 470.036902,304.988335 L470.036902,304.988335 L470.036902,305 C470.036902,310.522848 474.514055,315 480.036902,315 L480.036902,315 L541.962807,315 C541.966454,315 541.970101,315 541.973748,315 C547.49659,314.993951 551.96884,310.511905 551.962807,304.989063 C551.942125,286.091818 551.860613,271.549264 551.718264,261.3614 Z'/%3E%3Cpath d='M791.06137,125.298629 C868.629576,131.637543 917.903845,174.540781 938.884179,254.008875 C950.985139,306.630401 947.653498,358.114499 928.879251,408.461171 C909.464689,451.529477 878.364371,480.456109 835.583299,495.241069 C824.127657,498.898032 812.451906,501.376699 800.566052,502.671763 C794.568097,503.154758 788.565141,503.51037 782.557182,503.733291 C767.770966,503.956932 733.323482,503.969604 679.214728,503.771308 C673.706223,503.751123 669.251374,499.279918 669.251374,493.771375 L669.251374,135.271963 C669.251374,129.759154 673.712864,125.28617 679.225654,125.271992 C737.464192,125.122205 774.742764,125.131084 791.06137,125.298629 Z M772.04765,223.055154 L772,223.055154 C766.477152,223.055154 762,227.532308 762,233.055154 L762,233.055154 L762,397.934464 L762,397.934464 L762.001202,398.011991 C762.086838,403.534172 766.632872,407.941363 772.155053,407.856958 C780.601104,407.724754 787.263413,407.494823 792.141979,407.165938 C819.078862,403.781075 837.244428,388.67954 846.648726,361.861334 C851.335803,346.727477 853.425647,331.184024 852.928305,315.232035 C853.390482,297.258559 850.456662,279.949551 844.136894,263.303951 C833.622367,238.809262 815.622581,225.474342 790.132514,223.298131 C785.687041,223.17249 779.658754,223.091536 772.04765,223.055154 L772.04765,223.055154 Z'/%3E%3Cpath d='M863.271274,899.982692 C863.419898,814.112859 863.413963,756.463909 863.253468,727.03584 C862.733498,727.428746 862.483512,727.959699 862.503511,728.628701 C857.853598,737.652543 842.556701,767.34055 816.612819,817.692723 C814.083219,822.6022 808.052655,824.531471 803.143178,822.00187 C801.302413,821.053419 799.801479,819.556912 798.847596,817.718956 C773.041594,767.995593 757.595657,738.121857 752.509783,728.097747 C752.479785,727.811032 752.314795,727.630508 752.009812,727.566794 C751.688974,757.550093 751.676965,815.016183 751.973784,899.965063 C751.993077,905.487875 747.531597,909.980642 742.008785,910 C741.997138,910 741.985492,910 741.973845,910 L679.764502,910 C674.241654,910 669.764502,905.522847 669.764502,900 L669.764502,545.627155 C669.764502,540.104307 674.241654,535.627155 679.764502,535.627155 L698.012891,535.627155 L698.012891,535.627155 C716.371844,533.768818 729.53776,536.069616 737.510639,542.529549 C739.9355,545.125911 742.185372,547.86563 744.260254,550.759326 C752.759769,566.332188 761.259285,581.910359 769.7588,597.483221 C777.890885,613.593567 790.261176,637.454785 806.869675,669.066875 L806.869686,669.066869 C807.126551,669.555777 807.73112,669.743886 808.220028,669.487021 C808.399875,669.392532 808.546676,669.245506 808.64089,669.065516 C834.726234,619.230672 854.263685,581.742104 867.25324,556.599813 C875.03613,542.908295 891.785175,535.917409 917.500375,535.627155 L935.861366,535.627155 C941.384214,535.627156 945.861366,540.104308 945.861366,545.627155 C945.861366,545.670529 945.861083,545.713902 945.860519,545.757273 C945.592359,566.364588 945.555107,577.5891 945.748764,579.430807 C945.967312,641.551299 946.052186,748.408769 946.003389,900.003216 C946.001614,905.524808 941.524981,910 936.003389,910 L873.271256,910 C867.74841,910 863.271259,905.522846 863.271259,900 C863.271259,899.994231 863.271264,899.988461 863.271274,899.982692 Z'/%3E%3Cpath d='M470.740234,544.22346 C470.63874,654.464666 470.641878,730.407963 470.749646,772.05335 C471.395642,793.938789 481.64559,807.641715 501.499489,813.151521 C508.684452,813.602276 515.849415,813.421974 522.999379,812.621222 C541.194286,807.365959 550.944236,794.723632 552.249229,774.704845 C552.35604,731.794308 552.359136,654.967139 552.258518,544.223336 C552.253503,538.700492 556.726584,534.219275 562.249428,534.214253 C562.252457,534.214253 562.255485,534.214253 562.258514,534.214253 L635.767378,534.214253 C641.283095,534.214253 645.757288,538.680288 645.767358,544.195996 C645.971901,656.23106 645.965699,733.597642 645.748751,776.295742 C643.113765,825.146885 622.693869,862.882961 584.499064,889.514576 C551.659232,908.828065 516.82941,914.486355 479.999599,906.484143 C427.941865,893.518333 395.025533,859.664046 381.250103,804.931887 C379.171114,795.508474 377.837621,785.963092 377.250124,776.295742 C377.034154,733.482163 377.027974,656.115603 377.231582,544.196062 C377.241615,538.680326 381.71582,534.214253 387.231565,534.214253 L460.740238,534.214253 C466.263085,534.214253 470.740238,538.691405 470.740238,544.214253 C470.740238,544.217322 470.740237,544.220391 470.740234,544.22346 Z'/%3E%3Cpath d='M242.366047,533.2994 C267.066593,535.088661 289.547067,543.403152 309.80747,558.253492 C336.222527,580.499799 350.793371,609.616446 353.519503,645.592813 C355.715096,674.056406 350.386224,700.778522 337.533388,725.76447 C332.070633,735.2895 325.326491,743.694251 317.300961,750.984031 C312.941748,754.562554 308.612508,758.103912 304.312243,761.602794 L302.037166,762.958648 L308.173925,771.338404 C317.410932,783.907358 331.094613,802.365319 351.961276,830.374982 C525.164205,1067.51881 694.986967,1030.1963 695.726705,1034.30006 C563.350225,1034.4271 493.855338,1034 378.273479,1034.4271 L362.707069,1011.70091 C312.774388,938.839609 283.903913,897.139244 276.095645,886.599815 C260.502893,865.185758 237.424473,833.35561 206.860387,791.10937 C204.996172,788.532623 202.017422,786.996288 198.837124,786.971255 L189.998997,786.901688 C184.47632,786.858217 179.964066,791.299991 179.920596,796.822667 C179.920389,796.848903 179.920286,796.875141 179.920286,796.901378 L179.920286,900 C179.920286,905.522847 175.443133,910 169.920286,910 L98,910 C92.4771525,910.006627 88,905.529474 88,900.006627 C88,900.004417 88,900.002207 88.0066289,900.000002 L88.2432812,542.996789 C88.2469454,537.475 92.7254162,533.003421 98.2472061,533.003421 C169.807231,533.031524 217.846845,533.130183 242.366047,533.2994 Z M180,635.053271 L180,686.958031 C180,692.480878 184.477154,696.958029 190,696.958029 C190.005529,696.958029 190.011059,696.958029 190.016588,696.958029 C205.304616,696.932655 217.131294,696.846495 225.496621,696.699534 C230.796228,696.395822 235.962844,695.330164 240.99547,693.502561 C255.236913,687.486923 262.236393,676.297517 261.993911,659.934342 C261.265465,640.805786 252.099646,629.259384 234.495953,625.300466 C226.57683,625.184319 211.752307,625.101929 190.022382,625.053271 C184.499547,625.040935 180.012385,629.508057 180,635.030891 C180,635.038351 180,635.045812 180,635.053271 Z'/%3E%3C/g%3E%3Cg fill='url(%23w)'%3E%3Cpath d='M179.837467,269.167099 C180.140431,269.101327 180.306636,268.924696 180.336583,268.636676 C209.427559,228.258759 238.625845,187.946615 267.93144,147.700243 C276.511955,136.118452 310.526845,86.9072264 369.97611,0.0665648451 C511,0 528.023816,0.0665648451 687.5625,0 C686.822762,4.10375959 517,-33.21875 343.797071,203.925076 C262,313.722627 290.578828,276.745782 264.687186,313.722627 C281.818974,338.258748 310.816559,379.339332 351.679941,436.964379 C352.878795,438.654985 353.522746,440.676319 353.522746,442.748854 L353.522746,492.287988 C353.522746,497.810835 349.045594,502.287988 343.522746,502.287988 L287.861184,502.287988 C284.626036,502.287988 281.590761,500.722914 279.714576,498.087367 C232.76404,432.134171 199.638042,385.177485 180.336583,357.21731 C180.306636,356.92929 180.140431,356.752659 179.837467,356.686887 C179.51986,378.287723 179.353833,423.488792 179.339384,492.290092 C179.338221,497.812117 174.86141,502.287988 169.339385,502.287988 L98,502.287988 C92.4771525,502.287988 88,497.810835 88,492.287988 L88,136.748536 C88,131.225688 92.4771525,126.748536 98,126.748536 L169.339426,126.748536 C174.861421,126.748539 179.338219,131.224363 179.339422,136.746358 C179.35412,204.231817 179.520135,248.372064 179.837467,269.167099 Z'/%3E%3Cpath d='M580.999082,144.406049 C611.613926,164.356691 631.363825,192.9168 640.248779,230.086907 C643.293764,243.154431 645.128754,256.417722 645.748751,269.876779 C645.965552,309.933667 646.024507,384.515008 645.925618,493.620803 C645.920627,499.126106 641.466767,503.591923 635.961497,503.611674 L562.535103,503.875159 C557.012291,503.894906 552.519106,499.433844 552.499292,493.911032 L552.499228,419.937129 C552.499228,414.414281 548.022075,409.937129 542.499228,409.937129 L480.449755,409.937129 C474.94643,409.937129 470.477406,414.383856 470.44988,419.887112 L470.081063,493.625977 C470.053537,499.129233 465.584513,503.575961 460.081188,503.575961 L387.231411,503.575961 C381.715724,503.575965 377.241542,499.109983 377.231424,493.594305 C377.027977,382.692026 377.03421,306.174234 377.250124,264.040931 C379.792611,225.326977 393.54254,191.992083 418.499913,164.035719 C435.563826,147.021039 455.563723,135.526011 478.499606,129.551163 C487.187562,127.717646 495.854017,126.21465 504.499473,125.041645 C531.634335,124.414556 557.134204,130.869535 580.999082,144.406049 Z M551.718264,261.3614 C547.271695,234.080596 532.033453,220.980563 506.003539,222.061832 C484.77392,226.311496 472.866109,239.942604 470.281103,262.954626 C470.139527,272.786231 470.058129,286.797468 470.036902,304.988335 L470.036902,304.988335 L470.036902,305 C470.036902,310.522848 474.514055,315 480.036902,315 L480.036902,315 L541.962807,315 C541.966454,315 541.970101,315 541.973748,315 C547.49659,314.993951 551.96884,310.511905 551.962807,304.989063 C551.942125,286.091818 551.860613,271.549264 551.718264,261.3614 Z'/%3E%3Cpath d='M791.06137,125.298629 C868.629576,131.637543 917.903845,174.540781 938.884179,254.008875 C950.985139,306.630401 947.653498,358.114499 928.879251,408.461171 C909.464689,451.529477 878.364371,480.456109 835.583299,495.241069 C824.127657,498.898032 812.451906,501.376699 800.566052,502.671763 C794.568097,503.154758 788.565141,503.51037 782.557182,503.733291 C767.770966,503.956932 733.323482,503.969604 679.214728,503.771308 C673.706223,503.751123 669.251374,499.279918 669.251374,493.771375 L669.251374,135.271963 C669.251374,129.759154 673.712864,125.28617 679.225654,125.271992 C737.464192,125.122205 774.742764,125.131084 791.06137,125.298629 Z M772.04765,223.055154 L772,223.055154 C766.477152,223.055154 762,227.532308 762,233.055154 L762,233.055154 L762,397.934464 L762,397.934464 L762.001202,398.011991 C762.086838,403.534172 766.632872,407.941363 772.155053,407.856958 C780.601104,407.724754 787.263413,407.494823 792.141979,407.165938 C819.078862,403.781075 837.244428,388.67954 846.648726,361.861334 C851.335803,346.727477 853.425647,331.184024 852.928305,315.232035 C853.390482,297.258559 850.456662,279.949551 844.136894,263.303951 C833.622367,238.809262 815.622581,225.474342 790.132514,223.298131 C785.687041,223.17249 779.658754,223.091536 772.04765,223.055154 L772.04765,223.055154 Z'/%3E%3Cpath d='M863.271274,899.982692 C863.419898,814.112859 863.413963,756.463909 863.253468,727.03584 C862.733498,727.428746 862.483512,727.959699 862.503511,728.628701 C857.853598,737.652543 842.556701,767.34055 816.612819,817.692723 C814.083219,822.6022 808.052655,824.531471 803.143178,822.00187 C801.302413,821.053419 799.801479,819.556912 798.847596,817.718956 C773.041594,767.995593 757.595657,738.121857 752.509783,728.097747 C752.479785,727.811032 752.314795,727.630508 752.009812,727.566794 C751.688974,757.550093 751.676965,815.016183 751.973784,899.965063 C751.993077,905.487875 747.531597,909.980642 742.008785,910 C741.997138,910 741.985492,910 741.973845,910 L679.764502,910 C674.241654,910 669.764502,905.522847 669.764502,900 L669.764502,545.627155 C669.764502,540.104307 674.241654,535.627155 679.764502,535.627155 L698.012891,535.627155 L698.012891,535.627155 C716.371844,533.768818 729.53776,536.069616 737.510639,542.529549 C739.9355,545.125911 742.185372,547.86563 744.260254,550.759326 C752.759769,566.332188 761.259285,581.910359 769.7588,597.483221 C777.890885,613.593567 790.261176,637.454785 806.869675,669.066875 L806.869686,669.066869 C807.126551,669.555777 807.73112,669.743886 808.220028,669.487021 C808.399875,669.392532 808.546676,669.245506 808.64089,669.065516 C834.726234,619.230672 854.263685,581.742104 867.25324,556.599813 C875.03613,542.908295 891.785175,535.917409 917.500375,535.627155 L935.861366,535.627155 C941.384214,535.627156 945.861366,540.104308 945.861366,545.627155 C945.861366,545.670529 945.861083,545.713902 945.860519,545.757273 C945.592359,566.364588 945.555107,577.5891 945.748764,579.430807 C945.967312,641.551299 946.052186,748.408769 946.003389,900.003216 C946.001614,905.524808 941.524981,910 936.003389,910 L873.271256,910 C867.74841,910 863.271259,905.522846 863.271259,900 C863.271259,899.994231 863.271264,899.988461 863.271274,899.982692 Z'/%3E%3Cpath d='M470.740234,544.22346 C470.63874,654.464666 470.641878,730.407963 470.749646,772.05335 C471.395642,793.938789 481.64559,807.641715 501.499489,813.151521 C508.684452,813.602276 515.849415,813.421974 522.999379,812.621222 C541.194286,807.365959 550.944236,794.723632 552.249229,774.704845 C552.35604,731.794308 552.359136,654.967139 552.258518,544.223336 C552.253503,538.700492 556.726584,534.219275 562.249428,534.214253 C562.252457,534.214253 562.255485,534.214253 562.258514,534.214253 L635.767378,534.214253 C641.283095,534.214253 645.757288,538.680288 645.767358,544.195996 C645.971901,656.23106 645.965699,733.597642 645.748751,776.295742 C643.113765,825.146885 622.693869,862.882961 584.499064,889.514576 C551.659232,908.828065 516.82941,914.486355 479.999599,906.484143 C427.941865,893.518333 395.025533,859.664046 381.250103,804.931887 C379.171114,795.508474 377.837621,785.963092 377.250124,776.295742 C377.034154,733.482163 377.027974,656.115603 377.231582,544.196062 C377.241615,538.680326 381.71582,534.214253 387.231565,534.214253 L460.740238,534.214253 C466.263085,534.214253 470.740238,538.691405 470.740238,544.214253 C470.740238,544.217322 470.740237,544.220391 470.740234,544.22346 Z'/%3E%3Cpath d='M242.366047,533.2994 C267.066593,535.088661 289.547067,543.403152 309.80747,558.253492 C336.222527,580.499799 350.793371,609.616446 353.519503,645.592813 C355.715096,674.056406 350.386224,700.778522 337.533388,725.76447 C332.070633,735.2895 325.326491,743.694251 317.300961,750.984031 C312.941748,754.562554 308.612508,758.103912 304.312243,761.602794 L302.037166,762.958648 L308.173925,771.338404 C317.410932,783.907358 331.094613,802.365319 351.961276,830.374982 C525.164205,1067.51881 694.986967,1030.1963 695.726705,1034.30006 C563.350225,1034.4271 493.855338,1034 378.273479,1034.4271 L362.707069,1011.70091 C312.774388,938.839609 283.903913,897.139244 276.095645,886.599815 C260.502893,865.185758 237.424473,833.35561 206.860387,791.10937 C204.996172,788.532623 202.017422,786.996288 198.837124,786.971255 L189.998997,786.901688 C184.47632,786.858217 179.964066,791.299991 179.920596,796.822667 C179.920389,796.848903 179.920286,796.875141 179.920286,796.901378 L179.920286,900 C179.920286,905.522847 175.443133,910 169.920286,910 L98,910 C92.4771525,910.006627 88,905.529474 88,900.006627 C88,900.004417 88,900.002207 88.0066289,900.000002 L88.2432812,542.996789 C88.2469454,537.475 92.7254162,533.003421 98.2472061,533.003421 C169.807231,533.031524 217.846845,533.130183 242.366047,533.2994 Z M180,635.053271 L180,686.958031 C180,692.480878 184.477154,696.958029 190,696.958029 C190.005529,696.958029 190.011059,696.958029 190.016588,696.958029 C205.304616,696.932655 217.131294,696.846495 225.496621,696.699534 C230.796228,696.395822 235.962844,695.330164 240.99547,693.502561 C255.236913,687.486923 262.236393,676.297517 261.993911,659.934342 C261.265465,640.805786 252.099646,629.259384 234.495953,625.300466 C226.57683,625.184319 211.752307,625.101929 190.022382,625.053271 C184.499547,625.040935 180.012385,629.508057 180,635.030891 C180,635.038351 180,635.045812 180,635.053271 Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  --page-mark-opacity: .4;
  --plate-sheen: radial-gradient(620px 320px at 88% -20%, #c56fc840, transparent 62%),
    linear-gradient(152deg, #f3e9f80e 0%, transparent 42%);
}
[data-theme="dark"] {
  --page-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1034 1035'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='.5' stop-color='%23d9d3df'/%3E%3Cstop offset='1' stop-color='%238f879a'/%3E%3C/linearGradient%3E%3CradialGradient id='h' cx='.28' cy='.22' r='.6'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='.9'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='0'/%3E%3C/radialGradient%3E%3CclipPath id='k'%3E%3Crect width='1034' height='1034' rx='230'/%3E%3C/clipPath%3E%3Cmask id='m' maskUnits='userSpaceOnUse' x='0' y='0' width='1034' height='1035'%3E%3Crect width='1034' height='1035' fill='%23fff'/%3E%3Cg fill='%23000' clip-path='url(%23k)'%3E%3Cpath d='M179.837467,269.167099 C180.140431,269.101327 180.306636,268.924696 180.336583,268.636676 C209.427559,228.258759 238.625845,187.946615 267.93144,147.700243 C276.511955,136.118452 310.526845,86.9072264 369.97611,0.0665648451 C511,0 528.023816,0.0665648451 687.5625,0 C686.822762,4.10375959 517,-33.21875 343.797071,203.925076 C262,313.722627 290.578828,276.745782 264.687186,313.722627 C281.818974,338.258748 310.816559,379.339332 351.679941,436.964379 C352.878795,438.654985 353.522746,440.676319 353.522746,442.748854 L353.522746,492.287988 C353.522746,497.810835 349.045594,502.287988 343.522746,502.287988 L287.861184,502.287988 C284.626036,502.287988 281.590761,500.722914 279.714576,498.087367 C232.76404,432.134171 199.638042,385.177485 180.336583,357.21731 C180.306636,356.92929 180.140431,356.752659 179.837467,356.686887 C179.51986,378.287723 179.353833,423.488792 179.339384,492.290092 C179.338221,497.812117 174.86141,502.287988 169.339385,502.287988 L98,502.287988 C92.4771525,502.287988 88,497.810835 88,492.287988 L88,136.748536 C88,131.225688 92.4771525,126.748536 98,126.748536 L169.339426,126.748536 C174.861421,126.748539 179.338219,131.224363 179.339422,136.746358 C179.35412,204.231817 179.520135,248.372064 179.837467,269.167099 Z'/%3E%3Cpath d='M580.999082,144.406049 C611.613926,164.356691 631.363825,192.9168 640.248779,230.086907 C643.293764,243.154431 645.128754,256.417722 645.748751,269.876779 C645.965552,309.933667 646.024507,384.515008 645.925618,493.620803 C645.920627,499.126106 641.466767,503.591923 635.961497,503.611674 L562.535103,503.875159 C557.012291,503.894906 552.519106,499.433844 552.499292,493.911032 L552.499228,419.937129 C552.499228,414.414281 548.022075,409.937129 542.499228,409.937129 L480.449755,409.937129 C474.94643,409.937129 470.477406,414.383856 470.44988,419.887112 L470.081063,493.625977 C470.053537,499.129233 465.584513,503.575961 460.081188,503.575961 L387.231411,503.575961 C381.715724,503.575965 377.241542,499.109983 377.231424,493.594305 C377.027977,382.692026 377.03421,306.174234 377.250124,264.040931 C379.792611,225.326977 393.54254,191.992083 418.499913,164.035719 C435.563826,147.021039 455.563723,135.526011 478.499606,129.551163 C487.187562,127.717646 495.854017,126.21465 504.499473,125.041645 C531.634335,124.414556 557.134204,130.869535 580.999082,144.406049 Z M551.718264,261.3614 C547.271695,234.080596 532.033453,220.980563 506.003539,222.061832 C484.77392,226.311496 472.866109,239.942604 470.281103,262.954626 C470.139527,272.786231 470.058129,286.797468 470.036902,304.988335 L470.036902,304.988335 L470.036902,305 C470.036902,310.522848 474.514055,315 480.036902,315 L480.036902,315 L541.962807,315 C541.966454,315 541.970101,315 541.973748,315 C547.49659,314.993951 551.96884,310.511905 551.962807,304.989063 C551.942125,286.091818 551.860613,271.549264 551.718264,261.3614 Z'/%3E%3Cpath d='M791.06137,125.298629 C868.629576,131.637543 917.903845,174.540781 938.884179,254.008875 C950.985139,306.630401 947.653498,358.114499 928.879251,408.461171 C909.464689,451.529477 878.364371,480.456109 835.583299,495.241069 C824.127657,498.898032 812.451906,501.376699 800.566052,502.671763 C794.568097,503.154758 788.565141,503.51037 782.557182,503.733291 C767.770966,503.956932 733.323482,503.969604 679.214728,503.771308 C673.706223,503.751123 669.251374,499.279918 669.251374,493.771375 L669.251374,135.271963 C669.251374,129.759154 673.712864,125.28617 679.225654,125.271992 C737.464192,125.122205 774.742764,125.131084 791.06137,125.298629 Z M772.04765,223.055154 L772,223.055154 C766.477152,223.055154 762,227.532308 762,233.055154 L762,233.055154 L762,397.934464 L762,397.934464 L762.001202,398.011991 C762.086838,403.534172 766.632872,407.941363 772.155053,407.856958 C780.601104,407.724754 787.263413,407.494823 792.141979,407.165938 C819.078862,403.781075 837.244428,388.67954 846.648726,361.861334 C851.335803,346.727477 853.425647,331.184024 852.928305,315.232035 C853.390482,297.258559 850.456662,279.949551 844.136894,263.303951 C833.622367,238.809262 815.622581,225.474342 790.132514,223.298131 C785.687041,223.17249 779.658754,223.091536 772.04765,223.055154 L772.04765,223.055154 Z'/%3E%3Cpath d='M863.271274,899.982692 C863.419898,814.112859 863.413963,756.463909 863.253468,727.03584 C862.733498,727.428746 862.483512,727.959699 862.503511,728.628701 C857.853598,737.652543 842.556701,767.34055 816.612819,817.692723 C814.083219,822.6022 808.052655,824.531471 803.143178,822.00187 C801.302413,821.053419 799.801479,819.556912 798.847596,817.718956 C773.041594,767.995593 757.595657,738.121857 752.509783,728.097747 C752.479785,727.811032 752.314795,727.630508 752.009812,727.566794 C751.688974,757.550093 751.676965,815.016183 751.973784,899.965063 C751.993077,905.487875 747.531597,909.980642 742.008785,910 C741.997138,910 741.985492,910 741.973845,910 L679.764502,910 C674.241654,910 669.764502,905.522847 669.764502,900 L669.764502,545.627155 C669.764502,540.104307 674.241654,535.627155 679.764502,535.627155 L698.012891,535.627155 L698.012891,535.627155 C716.371844,533.768818 729.53776,536.069616 737.510639,542.529549 C739.9355,545.125911 742.185372,547.86563 744.260254,550.759326 C752.759769,566.332188 761.259285,581.910359 769.7588,597.483221 C777.890885,613.593567 790.261176,637.454785 806.869675,669.066875 L806.869686,669.066869 C807.126551,669.555777 807.73112,669.743886 808.220028,669.487021 C808.399875,669.392532 808.546676,669.245506 808.64089,669.065516 C834.726234,619.230672 854.263685,581.742104 867.25324,556.599813 C875.03613,542.908295 891.785175,535.917409 917.500375,535.627155 L935.861366,535.627155 C941.384214,535.627156 945.861366,540.104308 945.861366,545.627155 C945.861366,545.670529 945.861083,545.713902 945.860519,545.757273 C945.592359,566.364588 945.555107,577.5891 945.748764,579.430807 C945.967312,641.551299 946.052186,748.408769 946.003389,900.003216 C946.001614,905.524808 941.524981,910 936.003389,910 L873.271256,910 C867.74841,910 863.271259,905.522846 863.271259,900 C863.271259,899.994231 863.271264,899.988461 863.271274,899.982692 Z'/%3E%3Cpath d='M470.740234,544.22346 C470.63874,654.464666 470.641878,730.407963 470.749646,772.05335 C471.395642,793.938789 481.64559,807.641715 501.499489,813.151521 C508.684452,813.602276 515.849415,813.421974 522.999379,812.621222 C541.194286,807.365959 550.944236,794.723632 552.249229,774.704845 C552.35604,731.794308 552.359136,654.967139 552.258518,544.223336 C552.253503,538.700492 556.726584,534.219275 562.249428,534.214253 C562.252457,534.214253 562.255485,534.214253 562.258514,534.214253 L635.767378,534.214253 C641.283095,534.214253 645.757288,538.680288 645.767358,544.195996 C645.971901,656.23106 645.965699,733.597642 645.748751,776.295742 C643.113765,825.146885 622.693869,862.882961 584.499064,889.514576 C551.659232,908.828065 516.82941,914.486355 479.999599,906.484143 C427.941865,893.518333 395.025533,859.664046 381.250103,804.931887 C379.171114,795.508474 377.837621,785.963092 377.250124,776.295742 C377.034154,733.482163 377.027974,656.115603 377.231582,544.196062 C377.241615,538.680326 381.71582,534.214253 387.231565,534.214253 L460.740238,534.214253 C466.263085,534.214253 470.740238,538.691405 470.740238,544.214253 C470.740238,544.217322 470.740237,544.220391 470.740234,544.22346 Z'/%3E%3Cpath d='M242.366047,533.2994 C267.066593,535.088661 289.547067,543.403152 309.80747,558.253492 C336.222527,580.499799 350.793371,609.616446 353.519503,645.592813 C355.715096,674.056406 350.386224,700.778522 337.533388,725.76447 C332.070633,735.2895 325.326491,743.694251 317.300961,750.984031 C312.941748,754.562554 308.612508,758.103912 304.312243,761.602794 L302.037166,762.958648 L308.173925,771.338404 C317.410932,783.907358 331.094613,802.365319 351.961276,830.374982 C525.164205,1067.51881 694.986967,1030.1963 695.726705,1034.30006 C563.350225,1034.4271 493.855338,1034 378.273479,1034.4271 L362.707069,1011.70091 C312.774388,938.839609 283.903913,897.139244 276.095645,886.599815 C260.502893,865.185758 237.424473,833.35561 206.860387,791.10937 C204.996172,788.532623 202.017422,786.996288 198.837124,786.971255 L189.998997,786.901688 C184.47632,786.858217 179.964066,791.299991 179.920596,796.822667 C179.920389,796.848903 179.920286,796.875141 179.920286,796.901378 L179.920286,900 C179.920286,905.522847 175.443133,910 169.920286,910 L98,910 C92.4771525,910.006627 88,905.529474 88,900.006627 C88,900.004417 88,900.002207 88.0066289,900.000002 L88.2432812,542.996789 C88.2469454,537.475 92.7254162,533.003421 98.2472061,533.003421 C169.807231,533.031524 217.846845,533.130183 242.366047,533.2994 Z M180,635.053271 L180,686.958031 C180,692.480878 184.477154,696.958029 190,696.958029 C190.005529,696.958029 190.011059,696.958029 190.016588,696.958029 C205.304616,696.932655 217.131294,696.846495 225.496621,696.699534 C230.796228,696.395822 235.962844,695.330164 240.99547,693.502561 C255.236913,687.486923 262.236393,676.297517 261.993911,659.934342 C261.265465,640.805786 252.099646,629.259384 234.495953,625.300466 C226.57683,625.184319 211.752307,625.101929 190.022382,625.053271 C184.499547,625.040935 180.012385,629.508057 180,635.030891 C180,635.038351 180,635.045812 180,635.053271 Z'/%3E%3C/g%3E%3C/mask%3E%3Cfilter id='sh' x='-5%25' y='-5%25' width='110%25' height='110%25'%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3C/filter%3E%3C/defs%3E%3Cg mask='url(%23m)'%3E%3Crect width='1034' height='1034' rx='230' fill='url(%23b)'/%3E%3Crect width='1034' height='1034' rx='230' fill='url(%23h)'/%3E%3C/g%3E%3C/svg%3E");
  --page-mark-opacity: .1;
  --page-tint: var(--grain),
    radial-gradient(1240px 860px at 50% 14%, transparent 42%, #00000080),
    radial-gradient(960px 660px at 94% -8%, #b656b82e, transparent 62%),
    radial-gradient(880px 700px at 2% 98%, #7e318124, transparent 60%);
  --plate-sheen: radial-gradient(660px 340px at 88% -18%, #c56fc84d, transparent 60%),
    linear-gradient(152deg, #f3e9f812 0%, transparent 44%);
}
@media (prefers-reduced-transparency: reduce) { :root, [data-theme="dark"] { --page-tint: none; --plate-sheen: none; } }

body { font-family: var(--font-sans); color: var(--ink-1); font-size: 15px; line-height: 1.5; letter-spacing: -.004em;
  -webkit-font-smoothing: antialiased; font-feature-settings: "ss01"; }
.kd-page { background: var(--page-tint), var(--page); background-attachment: fixed; min-height: 100%;; position: relative; isolation: isolate; }
/* the backdrop mark: the Kadrum logo in grey — light theme: embossed white letters on a gradient squircle; dark: letters cut out of it. Fixed bottom-left */
.kd-page::before { content: ""; position: fixed; z-index: -1; pointer-events: none; width: 820px; height: 820px; left: -150px; bottom: -190px;
  background: var(--page-mark) center / contain no-repeat; opacity: var(--page-mark-opacity); transform: rotate(-14deg); }
@media (max-width: 720px) { .kd-page::before { width: 520px; height: 520px; left: -140px; bottom: -150px; } }
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more) { .kd-page::before { display: none; } }
.kd-tnum { font-variant-numeric: tabular-nums; }
.kd-row { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 2px; }
.kd-icon { flex: none; display: block; }

/* Button */
.kd-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font: inherit; font-weight: 500;
  letter-spacing: -.01em; white-space: nowrap; border: 1px solid transparent; border-radius: var(--radius-sm); cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-press) var(--ease-out); }
.kd-btn:active:not([aria-disabled="true"]) { transform: scale(.98); }
.kd-btn[aria-disabled="true"] { opacity: .55; cursor: default; pointer-events: none; }
.kd-btn--sm { height: 34px; padding: 0 14px; font-size: 13.5px; }
.kd-btn--md { height: 42px; padding: 0 18px; font-size: 14.5px; }
.kd-btn--lg { height: 52px; padding: 0 24px; font-size: 15.5px; border-radius: var(--radius-md); }
.kd-btn--block { width: 100%; }
.kd-btn--icon { aspect-ratio: 1; padding: 0; }
.kd-btn--round { border-radius: var(--radius-pill); }
.kd-btn--primary { background: var(--accent-strong); color: var(--on-accent); box-shadow: var(--shadow-tile); }
.kd-btn--primary:hover { background: var(--accent-deep); box-shadow: var(--shadow-card); }
.kd-btn--secondary { background: var(--card); color: var(--ink-0); border-color: var(--line-strong); box-shadow: var(--shadow-tile); }
.kd-btn--secondary:hover { border-color: var(--accent-line); color: var(--accent-deep); }
.kd-btn--quiet { background: var(--fill); color: var(--ink-1); }
.kd-btn--quiet:hover { background: var(--fill-hover); color: var(--ink-0); }
.kd-btn--ghost { background: transparent; color: var(--ink-2); }
.kd-btn--ghost:hover { background: var(--fill); color: var(--ink-0); }
.kd-btn--danger { background: var(--danger-soft); color: var(--danger-ink); border-color: var(--danger-line); }
.kd-btn--danger:hover { background: var(--danger); border-color: var(--danger); color: var(--on-danger); }
.kd-btn--onPlate { background: var(--plate-fill); color: var(--plate-ink-0); border-color: var(--plate-line); }
.kd-btn--onPlate:hover { background: var(--plate-fill-hover); }
.kd-btn--onPlateAccent { background: var(--brand); color: #ffffff; font-weight: 600; box-shadow: 0 6px 18px -8px #b656b8a6; }
.kd-btn--onPlateAccent:hover { background: var(--accent-strong); color: #ffffff; }
.kd-btn--busy { color: transparent !important; position: relative; pointer-events: none; }
.kd-btn--busy::after { content: ""; position: absolute; width: 16px; height: 16px; border: 2px solid var(--ink-0); border-top-color: transparent; border-radius: 50%; animation: kd-spin .62s linear infinite; }
.kd-btn--primary.kd-btn--busy::after { border-color: var(--on-accent); border-top-color: transparent; }
@keyframes kd-spin { to { transform: rotate(360deg); } }

/* StatusBadge */
.kd-badge { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 11px; border-radius: var(--radius-pill);
  font-size: 13px; font-weight: 500; white-space: nowrap; }
.kd-badge--success { background: var(--ok-soft); color: var(--ok-ink); }
.kd-badge--warning { background: var(--warn-soft); color: var(--warn-ink); }
.kd-badge--danger { background: var(--danger-soft); color: var(--danger-ink); }
.kd-badge--info { background: var(--info-soft); color: var(--info-ink); }
.kd-badge--neutral { background: var(--fill); color: var(--ink-2); }
.kd-badge--accent { background: var(--accent-soft-hi); color: var(--accent-deep); }
.kd-badge--plate { background: var(--plate-fill); color: var(--plate-ink-1); }

/* Card */
.kd-card { position: relative; background: var(--card); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); color: var(--ink-1); }
.kd-card--sunken { background: var(--card-sunken); box-shadow: none; }
.kd-card--outlined { box-shadow: none; border: 1px solid var(--line); }
.kd-card--plate { background: var(--plate-sheen), var(--plate); color: var(--plate-ink-1); box-shadow: var(--shadow-plate); border-radius: var(--radius-xl); overflow: hidden; }
.kd-card--interactive { cursor: pointer; transition: transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out); }
.kd-card--interactive:hover { box-shadow: var(--shadow-raise); transform: translateY(-1px); }
.kd-card__head { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
.kd-card__title { margin: 0; font-size: 19px; line-height: 1.25; font-weight: 600; letter-spacing: -.02em; color: var(--ink-0); }
.kd-card--plate .kd-card__title { color: var(--plate-ink-0); }
.kd-card__subtitle { margin: 3px 0 0; font-size: 13.5px; line-height: 1.4; color: var(--ink-3); }
.kd-card--plate .kd-card__subtitle { color: var(--plate-ink-2); }
.kd-card__aside { display: flex; align-items: center; gap: 8px; flex: none; }
.kd-card__body { margin-top: 14px; }

/* BalancePlate */
.kd-plate { padding: 30px; display: grid; grid-template-columns: minmax(0,1fr) minmax(260px, 346px); gap: 32px; align-items: start; }
.kd-plate__currencies { display: flex; gap: 6px; margin-bottom: 20px; }
.kd-plate__currency { border: 0; font: inherit; cursor: pointer; border-radius: var(--radius-pill); background: var(--plate-fill); color: var(--plate-ink-2);
  padding: 5px 13px; font-size: 12.5px; font-weight: 600; letter-spacing: .01em; transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out); }
.kd-plate__currency:hover { background: var(--plate-fill-hover); color: var(--plate-ink-0); }
.kd-plate__currency[data-active="true"] { background: var(--plate-ink-0); color: var(--plate); }
.kd-plate__label { color: var(--plate-ink-2); font-size: 13.5px; }
.kd-plate__value { margin-top: 8px; color: var(--plate-ink-0); font-size: clamp(34px, 4vw, 48px); font-weight: 600; line-height: 1.02; letter-spacing: -.038em; font-variant-numeric: tabular-nums; }
.kd-plate__hold { margin-top: 8px; color: var(--plate-ink-2); font-size: 13.5px; }
.kd-plate__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.kd-plate__aside { border-radius: var(--radius-md); background: var(--plate-fill); padding: 18px 18px 16px; }
.kd-plate__asideLabel { color: var(--plate-ink-2); font-size: 13px; }
.kd-plate__rows { display: grid; gap: 11px; margin-top: 14px; }
.kd-plate__row { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 13.5px; }
.kd-plate__rowLabel { display: inline-flex; align-items: center; gap: 8px; color: var(--plate-ink-2); }
.kd-plate__rowValue { color: var(--plate-ink-0); font-variant-numeric: tabular-nums; }
.kd-dot { width: 7px; height: 7px; border-radius: var(--radius-pill); flex: none; }
@media (max-width: 720px) { .kd-plate { grid-template-columns: 1fr; gap: 20px; padding: 24px 22px; } }

/* StatTile */
.kd-stat { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; gap: 4px; padding: 18px 20px 20px;
  background: var(--card); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); }
.kd-stat__head { display: flex; justify-content: space-between; align-items: center; gap: 10px; min-height: 24px; }
.kd-stat__label { color: var(--ink-3); font-size: 13.5px; }
.kd-stat__value { color: var(--ink-0); font-size: clamp(24px, 2.2vw, 30px); font-weight: 600; line-height: 1.1; letter-spacing: -.03em; font-variant-numeric: tabular-nums; }
.kd-stat__unit { color: var(--ink-3); font-weight: 500; margin-right: 4px; }
.kd-stat__delta { display: inline-flex; align-items: center; gap: 3px; padding: 2px 8px 2px 6px; border-radius: var(--radius-pill); font-size: 12.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
.kd-stat__delta--up { background: var(--ok-soft); color: var(--ok-ink); }
.kd-stat__delta--down { background: var(--danger-soft); color: var(--danger-ink); }
.kd-stat__delta--flat { background: var(--fill); color: var(--ink-3); }
.kd-stat__mark { position: absolute; right: -14px; top: 50%; transform: translateY(-50%) rotate(-14deg); color: var(--fill-hover); z-index: -1; pointer-events: none; }
[data-theme="dark"] .kd-stat__mark { color: var(--accent-strong); opacity: .26; }
.kd-stat__foot { margin-top: 6px; color: var(--ink-3); font-size: 12.5px; }

/* ListRow */
.kd-list { display: block; }
.kd-list__group { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 20px 16px 8px; }
.kd-list__groupTitle { margin: 0; color: var(--ink-0); font-size: 17px; font-weight: 600; letter-spacing: -.02em; }
.kd-list__groupTotal { color: var(--ink-3); font-size: 14px; font-variant-numeric: tabular-nums; }
.kd-lrow { display: grid; grid-template-columns: auto minmax(0,1fr) auto auto auto; align-items: center; gap: 14px; min-height: 64px; padding: 12px 16px;
  border-radius: var(--radius-md); color: inherit; text-decoration: none; transition: background var(--dur-fast) var(--ease-out); }
.kd-lrow + .kd-lrow { box-shadow: 0 -1px 0 var(--hairline); }
.kd-lrow--interactive { cursor: pointer; }
.kd-lrow--interactive:hover { background: var(--fill); box-shadow: none; }
.kd-lrow--interactive:hover + .kd-lrow { box-shadow: none; }
.kd-lrow__lead { display: flex; align-items: center; }
.kd-lrow__title { display: block; color: var(--ink-0); font-size: 15px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kd-lrow__sub { display: flex; align-items: center; gap: 6px; margin-top: 2px; color: var(--ink-3); font-size: 13px; white-space: nowrap; }
.kd-lrow__badge { display: grid; justify-items: end; gap: 3px; }
.kd-lrow__badgeSub { color: var(--ink-3); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.kd-lrow__value { text-align: right; white-space: nowrap; min-width: 96px; }
.kd-lrow__amount { display: block; color: var(--ink-0); font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
.kd-lrow__valueSub { display: block; margin-top: 2px; color: var(--ink-3); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.kd-lrow__chevron { color: var(--ink-4); transition: transform var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out); }
.kd-lrow--interactive:hover .kd-lrow__chevron { color: var(--ink-2); transform: translateX(2px); }
.kd-copy { display: grid; place-items: center; width: 24px; height: 24px; border: 0; background: transparent; color: var(--ink-4); border-radius: var(--radius-xs); cursor: pointer; }
.kd-copy:hover { background: var(--fill-active); color: var(--ink-0); }
@media (max-width: 720px) {
  .kd-lrow { grid-template-columns: auto minmax(0,1fr) auto; gap: 6px 12px; padding: 12px; }
  .kd-lrow__lead { grid-area: 1 / 1 / span 2; } .kd-lrow__main { grid-area: 1 / 2; }
  .kd-lrow__badge { grid-area: 2 / 2; justify-items: start; } .kd-lrow__value { grid-area: 1 / 3 / span 2; }
  .kd-lrow__chevron { display: none; }
}

/* Segmented */
.kd-seg { position: relative; display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 2px; padding: 3px;
  border-radius: var(--radius-pill); background: var(--card-sunken); box-shadow: inset 0 0 0 1px var(--line); }
.kd-seg__opt { border: 0; font: inherit; cursor: pointer; height: 34px; padding: 0 16px; border-radius: var(--radius-pill); background: transparent;
  color: var(--ink-2); font-size: 14px; font-weight: 500; white-space: nowrap; transition: color var(--dur-fast) var(--ease-out), background var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out); }
.kd-seg__opt:hover { color: var(--ink-0); }
.kd-seg__opt[data-active="true"] { background: var(--card); color: var(--ink-0); font-weight: 600; box-shadow: var(--shadow-card); }

/* Tabs (board tabs) */
.kd-tabs { display: flex; flex-wrap: wrap; gap: 4px; }
.kd-tab { border: 0; font: inherit; cursor: pointer; padding: 8px 14px; border-radius: var(--radius-pill); background: transparent; color: var(--ink-2);
  font-size: 14.5px; font-weight: 500; white-space: nowrap; transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out); }
.kd-tab:hover { background: var(--fill); color: var(--ink-0); }
.kd-tab[data-active="true"] { background: var(--card); color: var(--ink-0); font-weight: 600; box-shadow: var(--shadow-tile); }

/* Field */
.kd-field { display: block; }
.kd-field__label { display: block; margin-bottom: 7px; color: var(--ink-2); font-size: 13.5px; font-weight: 500; }
.kd-field__shell { position: relative; display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 0 14px; border-radius: var(--radius-sm);
  background: var(--card); border: 1px solid var(--line-strong); transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out); }
.kd-field__shell:focus-within { border-color: var(--accent-strong); box-shadow: 0 0 0 3px var(--accent-ring); }
.kd-field__shell[data-invalid="true"] { border-color: var(--danger-line); }
.kd-field__shell[data-invalid="true"]:focus-within { border-color: var(--danger); box-shadow: 0 0 0 3px var(--danger-soft); }
.kd-field__shell[data-disabled="true"] { background: var(--fill); border-color: var(--line); }
.kd-field__shell--search { background: var(--fill); border-color: transparent; }
.kd-field__shell--search:focus-within { background: var(--card); }
.kd-field__input { flex: 1; min-width: 0; border: 0; outline: none; background: transparent; font: inherit; font-size: 15px; color: var(--ink-0); }
.kd-field__input:focus-visible { outline: none; }
.kd-field__input::placeholder { color: var(--ink-4); }
/* multiline: same look as the editor textareas — padding like a single-line field, 1.5 line-height, no resize handle */
.kd-field__shell:has(textarea.kd-field__input) { align-items: flex-start; padding: 11px 14px; }
textarea.kd-field__input { display: block; width: 100%; min-height: 68px; margin: 0; padding: 0; resize: none; line-height: 1.5; font-family: inherit; field-sizing: content; }
.kd-field__shell:has(textarea.kd-field__input) .kd-field__lead { margin-top: 2px; }
.kd-field__shell:has(textarea.kd-field__input) .kd-field__affix { align-self: flex-start; line-height: 22px; }
.kd-field__input:disabled { color: var(--ink-3); cursor: not-allowed; }
.kd-field__lead, .kd-field__affix { flex: none; color: var(--ink-3); }
.kd-field__affix { font-size: 14px; white-space: nowrap; }
.kd-field__hint { margin-top: 7px; color: var(--ink-3); font-size: 13px; line-height: 1.45; }
.kd-field__error { margin-top: 7px; color: var(--danger-ink); font-size: 13px; line-height: 1.45; }

/* Select (trigger) */
.kd-select { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 48px; padding: 0 12px 0 14px; border-radius: var(--radius-sm);
  background: var(--card); border: 1px solid var(--line-strong); font: inherit; font-size: 15px; color: var(--ink-0); text-align: left; cursor: pointer;
  transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out); }
.kd-select:hover { border-color: var(--ink-4); }
.kd-select[data-open="true"] { border-color: var(--accent-strong); box-shadow: 0 0 0 3px var(--accent-ring); }
.kd-select__value { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kd-select__value[data-placeholder="true"] { color: var(--ink-4); }
.kd-select__caret { color: var(--ink-3); transition: transform var(--dur) var(--ease-out); }
.kd-select[data-open="true"] .kd-select__caret { transform: rotate(180deg); }

/* Switch */
.kd-switch { display: inline-flex; align-items: center; gap: 12px; cursor: pointer; border: 0; background: none; padding: 0; font: inherit; text-align: left; }
.kd-switch[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.kd-switch__track { position: relative; flex: none; width: 46px; height: 28px; border-radius: var(--radius-pill); background: var(--fill-active); transition: background var(--dur) var(--ease-out); }
.kd-switch[aria-checked="true"] .kd-switch__track { background: var(--accent-strong); }
.kd-switch__knob { position: absolute; top: 3px; left: 3px; width: 22px; height: 22px; border-radius: var(--radius-pill); background: var(--knob);
  box-shadow: var(--shadow-tile), 0 1px 3px #0204063d; transition: transform var(--dur) var(--ease-out); }
.kd-switch[aria-checked="true"] .kd-switch__knob { transform: translateX(18px); }
.kd-switch__title { display: block; color: var(--ink-0); font-size: 14.5px; font-weight: 500; }
.kd-switch__sub { display: block; margin-top: 2px; color: var(--ink-3); font-size: 13px; line-height: 1.4; }

/* Notice */
.kd-notice { display: flex; align-items: flex-start; gap: 10px; padding: 13px 15px; border-radius: var(--radius-sm); font-size: 14px; line-height: 1.45; }
.kd-notice__icon { flex: none; margin-top: 1px; }
.kd-notice__title { font-weight: 600; margin-bottom: 2px; }
.kd-notice--warning { background: var(--warn-soft); color: var(--warn-ink); }
.kd-notice--danger { background: var(--danger-soft); color: var(--danger-ink); }
.kd-notice--info { background: var(--info-soft); color: var(--info-ink); }
.kd-notice--success { background: var(--ok-soft); color: var(--ok-ink); }
.kd-notice--neutral { background: var(--fill); color: var(--ink-2); }

/* IconCircle */
.kd-ic { display: grid; place-items: center; flex: none; border-radius: var(--radius-pill); background: var(--fill); color: var(--ink-1); overflow: hidden; }
.kd-ic--sm { width: 32px; height: 32px; } .kd-ic--md { width: 40px; height: 40px; } .kd-ic--lg { width: 48px; height: 48px; }
.kd-ic--accent { background: var(--accent-strong); color: var(--on-accent); }
.kd-ic--accentSoft { background: var(--accent-soft-hi); color: var(--accent-deep); }
.kd-ic--ok { background: var(--ok-soft); color: var(--ok-ink); }
.kd-ic--warn { background: var(--warn-soft); color: var(--warn-ink); }
.kd-ic--danger { background: var(--danger-soft); color: var(--danger-ink); }
.kd-ic--info { background: var(--info-soft); color: var(--info-ink); }
.kd-ic--brand { background: var(--card); border: 1px solid var(--line); }
.kd-ic--onPlate { background: var(--plate-fill); color: var(--plate-ink-0); }
.kd-ic img { width: 100%; height: 100%; object-fit: cover; }

/* Sidebar */
.kd-sidebar { box-sizing: border-box; display: flex; flex-direction: column; width: var(--sidebar-w); padding: 10px; border-radius: var(--radius-lg); background: var(--card); box-shadow: var(--shadow-card); }
.kd-sidebar__scope { display: flex; align-items: center; gap: 10px; padding: 8px 10px 9px 6px; }
.kd-sidebar__theme { margin-left: auto; flex: none; }
.kd-sidebar__logo { width: 32px; height: 32px; border-radius: 9px; flex: none; }
.kd-sidebar__scopeLabel { display: block; color: var(--ink-3); font-size: 11.5px; }
.kd-sidebar__scopeName { display: block; color: var(--ink-0); font-size: 14.5px; font-weight: 600; letter-spacing: -.01em; }
.kd-sidebar__nav { flex: 1; padding: 10px 0 4px; }
.kd-sidebar__group + .kd-sidebar__group { margin-top: 20px; }
.kd-nav { display: flex; align-items: center; gap: 10px; height: 42px; padding: 0 10px 0 6px; border-radius: var(--radius-sm); color: var(--ink-2);
  font-size: 14.5px; font-weight: 500; text-decoration: none; cursor: pointer; transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out); }
.kd-nav:hover { background: var(--fill); color: var(--ink-0); }
.kd-nav__iconBox { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; color: var(--ink-3); flex: none; transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out); }
.kd-nav:hover .kd-nav__iconBox { color: var(--ink-0); }
.kd-nav[data-active="true"] { color: var(--ink-0); font-weight: 600; }
.kd-nav[data-active="true"] .kd-nav__iconBox { background: var(--accent-strong); color: var(--on-accent); }
.kd-nav__label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kd-nav__after { color: var(--ink-4); flex: none; }
.kd-nav__badge { display: grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: var(--radius-pill);
  background: var(--accent-soft-hi); color: var(--accent-deep); font-size: 11.5px; font-weight: 600; font-variant-numeric: tabular-nums; }
.kd-sidebar__foot { display: flex; align-items: center; gap: 8px; height: 44px; margin-top: 22px; padding: 0 6px 0 8px; border-radius: var(--radius-sm); }
.kd-sidebar__footName { flex: 1; min-width: 0; color: var(--ink-1); font-size: 13.5px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kd-iconbtn { display: grid; place-items: center; width: 34px; height: 34px; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--ink-3); cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out); }
.kd-iconbtn:hover { background: var(--fill); color: var(--ink-0); }

/* Sidebar — collapsed (64px, icons only) */
.kd-sidebar { transition: width var(--dur) var(--ease-out); }
.kd-sidebar--collapsed { width: var(--sidebar-w-collapsed); }
.kd-sidebar__switch { display: grid; place-items: center; width: 100%; padding: 4px 0 10px; border: 0; background: transparent; color: var(--ink-3); cursor: pointer;
  border-radius: var(--radius-sm); transition: color var(--dur-fast) var(--ease-out), transform var(--dur-press) var(--ease-out); }
.kd-sidebar__switch:hover { color: var(--ink-0); }
.kd-sidebar__switch:active { transform: scale(.94); }
.kd-sidebar--collapsed .kd-nav { position: relative; justify-content: center; padding: 0; }
.kd-sidebar--collapsed .kd-nav:hover { background: transparent; }
.kd-sidebar--collapsed .kd-nav:hover .kd-nav__iconBox { background: var(--fill); }
.kd-sidebar--collapsed .kd-nav[data-active="true"]:hover .kd-nav__iconBox { background: var(--accent-strong); }
.kd-sidebar--collapsed .kd-nav__label, .kd-sidebar--collapsed .kd-nav__after, .kd-sidebar--collapsed .kd-sidebar__footName, .kd-sidebar--collapsed .kd-sidebar__footIcon { display: none; }
.kd-sidebar--collapsed .kd-nav__badge { position: absolute; top: 6px; right: 8px; width: 8px; min-width: 8px; height: 8px; padding: 0; font-size: 0;
  background: var(--accent-strong); box-shadow: 0 0 0 2px var(--card); }
.kd-sidebar--collapsed .kd-nav[data-active="true"] .kd-nav__badge { background: var(--on-accent); }
.kd-sidebar--collapsed .kd-sidebar__foot { flex-direction: column; justify-content: center; gap: 2px; height: auto; padding: 6px 0; }
.kd-sidebar__toggle .kd-icon { transition: transform var(--dur) var(--ease-out); }
.kd-sidebar--collapsed .kd-sidebar__toggle .kd-icon { transform: rotate(180deg); }
.kd-iconbtn:focus-visible, .kd-sidebar__switch:focus-visible, .kd-nav:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--accent-strong); }

/* PromoCard */
.kd-promo { position: relative; overflow: hidden; padding: 20px; background: var(--card); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); }
.kd-promo::before { content: ""; position: absolute; inset: 0 0 auto; height: 3px; background: linear-gradient(90deg, var(--accent-strong), var(--accent-hot)); }
.kd-promo[data-exhausted="true"]::before { background: var(--fill-active); }
.kd-promo__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.kd-promo__title { margin: 0; color: var(--ink-0); font-size: 19px; line-height: 1.25; font-weight: 600; letter-spacing: -.025em; }
.kd-promo__text { margin: 10px 0 0; color: var(--ink-2); font-size: 13.5px; line-height: 1.45; }
.kd-promo__bar { height: 8px; margin-top: 14px; border-radius: var(--radius-pill); background: var(--fill-active); overflow: hidden; }
.kd-promo__fill { height: 100%; border-radius: var(--radius-pill); background: linear-gradient(90deg, var(--accent-strong), var(--accent)); transition: width var(--dur-slow) var(--ease-out); }
.kd-promo__scale { display: flex; justify-content: space-between; margin-top: 8px; color: var(--ink-3); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.kd-promo__action { margin-top: 16px; }

/* Table */
.kd-table-wrap { overflow-x: auto; }
.kd-table { width: 100%; border-collapse: collapse; font-size: 14px; }
.kd-table th { text-align: left; padding: 0 12px 10px; color: var(--ink-3); font-size: 12.5px; font-weight: 500; white-space: nowrap; }
.kd-table td { padding: 13px 12px; color: var(--ink-1); vertical-align: top; box-shadow: 0 -1px 0 var(--hairline); }
.kd-table tbody tr:first-child td { box-shadow: none; }
.kd-table [data-align="right"] { text-align: right; font-variant-numeric: tabular-nums; }
.kd-table--interactive tbody tr { cursor: pointer; }
.kd-table--interactive tbody tr:hover td { background: var(--fill); }
.kd-table--interactive tbody tr:hover td:first-child { border-radius: var(--radius-sm) 0 0 var(--radius-sm); }
.kd-table--interactive tbody tr:hover td:last-child { border-radius: 0 var(--radius-sm) var(--radius-sm) 0; }
.kd-mono { font-family: var(--font-mono); font-size: 12.5px; font-variant-numeric: tabular-nums; }

/* TopBar controls (timezone, theme, settings) */
.kd-chrome { display: inline-flex; align-items: center; gap: 2px; padding: 4px; border-radius: var(--radius-pill); background: var(--card); box-shadow: var(--shadow-card); }
.kd-chrome__tz { display: inline-flex; align-items: center; gap: 4px; height: 34px; padding: 0 10px 0 14px; border: 0; background: transparent; border-radius: var(--radius-pill);
  color: var(--ink-2); font: inherit; font-size: 13.5px; font-weight: 500; cursor: pointer; }
.kd-chrome__tz:hover { background: var(--fill); color: var(--ink-0); }
.kd-brand { display: inline-flex; align-items: center; gap: 10px; color: var(--ink-0); font-size: 22px; font-weight: 700; letter-spacing: -.03em; }
.kd-brand img { width: 36px; height: 36px; border-radius: 10px; box-shadow: 0 4px 12px #b656b840; }

/* Select with menu */
.kd-selectWrap { position: relative; }
.kd-selectWrap__menu { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 40; }

/* Menu (popover list) */
.kd-menu { display: flex; flex-direction: column; min-width: 220px; padding: 6px; border-radius: var(--radius-md); background: var(--card-raised);
  box-shadow: var(--shadow-pop), inset 0 0 0 1px var(--line); animation: kd-drop var(--dur) var(--ease-out); }
@keyframes kd-drop { from { opacity: 0; transform: translateY(-4px); } }
@media (prefers-reduced-motion: reduce) { .kd-menu, .kd-drp__pop { animation: none; } }
.kd-menu__search { flex: none; padding: 4px 2px 8px; margin-bottom: 4px; box-shadow: 0 1px 0 var(--hairline); }
.kd-menu__searchInput { width: 100%; height: 42px; padding: 0 12px; border: 1px solid var(--line-strong); border-radius: var(--radius-sm); background: var(--card-sunken);
  color: var(--ink-0); font: inherit; font-size: 14.5px; outline: none; transition: border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out); }
.kd-menu__searchInput::placeholder { color: var(--ink-4); }
.kd-menu__searchInput:focus { border-color: var(--accent-strong); box-shadow: 0 0 0 3px var(--accent-ring); }
.kd-menu__searchInput::-webkit-search-cancel-button { appearance: none; }
.kd-menu__list { max-height: 320px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }
.kd-menu__opt { display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: var(--radius-xs); background: transparent;
  font: inherit; text-align: left; cursor: pointer; transition: background var(--dur-fast) var(--ease-out); }
.kd-menu__opt:hover, .kd-menu__opt:focus-visible { background: var(--fill); outline: none; }
.kd-menu__optIcon { display: grid; place-items: center; flex: none; color: var(--ink-3); }
.kd-menu__optBody { flex: 1; min-width: 0; }
.kd-menu__optLabel { display: block; color: var(--ink-0); font-size: 14.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kd-menu__opt[data-active="true"] .kd-menu__optLabel { color: var(--accent-deep); font-weight: 600; }
.kd-menu__optSub { display: block; margin-top: 1px; color: var(--ink-3); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kd-menu__check { color: var(--accent-strong); flex: none; }
.kd-menu__empty { padding: 14px 12px; color: var(--ink-3); font-size: 13.5px; }

/* Checkbox */
.kd-check { display: inline-flex; align-items: flex-start; gap: 12px; padding: 0; border: 0; background: none; font: inherit; text-align: left; cursor: pointer; color: inherit; }
.kd-check[aria-disabled="true"] { opacity: .5; cursor: not-allowed; }
.kd-check__box { position: relative; display: grid; place-items: center; flex: none; width: 22px; height: 22px; margin-top: -1px; border-radius: 7px;
  background: var(--card); box-shadow: inset 0 0 0 1.5px var(--line-strong), var(--shadow-tile);
  transition: background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-press) var(--ease-out); }
.kd-check:hover:not([aria-disabled="true"]) .kd-check__box { box-shadow: inset 0 0 0 1.5px var(--ink-4), var(--shadow-tile); }
.kd-check:active:not([aria-disabled="true"]) .kd-check__box { transform: scale(.92); }
.kd-check:focus-visible { outline: none; }
.kd-check:focus-visible .kd-check__box { box-shadow: inset 0 0 0 1.5px var(--accent-strong), 0 0 0 3px var(--accent-ring); }
.kd-check__mark { fill: none; stroke: var(--on-accent); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 16; stroke-dashoffset: 16; transition: stroke-dashoffset var(--dur) var(--ease-out) 40ms; }
.kd-check[aria-checked="true"] .kd-check__box, .kd-check[aria-checked="mixed"] .kd-check__box { background: var(--accent-strong); box-shadow: inset 0 0 0 1.5px var(--accent-strong), 0 2px 6px -2px #b656b866; }
.kd-check[aria-checked="true"] .kd-check__mark, .kd-check[aria-checked="mixed"] .kd-check__mark { stroke-dashoffset: 0; }
.kd-check[aria-checked="true"]:hover:not([aria-disabled="true"]) .kd-check__box, .kd-check[aria-checked="mixed"]:hover:not([aria-disabled="true"]) .kd-check__box { background: var(--accent-deep); box-shadow: inset 0 0 0 1.5px var(--accent-deep), 0 3px 8px -2px #b656b880; }
.kd-check[aria-checked="true"]:focus-visible .kd-check__box, .kd-check[aria-checked="mixed"]:focus-visible .kd-check__box { box-shadow: inset 0 0 0 1.5px var(--accent-strong), 0 0 0 3px var(--accent-ring); }
.kd-check[aria-invalid="true"] .kd-check__box { box-shadow: inset 0 0 0 1.5px var(--danger), 0 0 0 3px var(--danger-soft); }
.kd-check__label { display: block; color: var(--ink-0); font-size: 14.5px; font-weight: 500; line-height: 20px; }
.kd-check__sub { display: block; margin-top: 2px; color: var(--ink-3); font-size: 13px; line-height: 1.4; }
@media (prefers-reduced-motion: reduce) { .kd-check__mark { transition: none; } }

/* DateRangePicker */
.kd-drp { position: relative; display: inline-block; }
.kd-drp__trigger { display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 16px; border: 0; border-radius: var(--radius-sm); background: var(--fill);
  color: var(--ink-1); font: inherit; font-size: 14.5px; font-weight: 500; white-space: nowrap; cursor: pointer; transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out); }
.kd-drp__trigger:hover { background: var(--fill-hover); color: var(--ink-0); }
.kd-drp[data-open] .kd-drp__trigger, .kd-drp__trigger[data-filled="true"] { background: var(--accent-soft-hi); color: var(--accent-deep); }
.kd-drp__pop { position: absolute; top: calc(100% + 8px); left: 0; z-index: 40; display: grid; grid-template-columns: auto auto; overflow: hidden;
  border-radius: var(--radius-lg); background: var(--card-raised); box-shadow: var(--shadow-pop), inset 0 0 0 1px var(--line); animation: kd-drop var(--dur) var(--ease-out); }
.kd-drp__pop[data-align="right"] { left: auto; right: 0; }
.kd-drp__presets { display: flex; flex-direction: column; gap: 2px; min-width: 156px; padding: 10px 8px; background: var(--card-sunken); }
.kd-drp__preset { padding: 9px 12px; border: 0; border-radius: var(--radius-xs); background: transparent; color: var(--ink-2); font: inherit; font-size: 14px; text-align: left; white-space: nowrap; cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out); }
.kd-drp__preset:hover { background: var(--fill-hover); color: var(--ink-0); }
.kd-drp__preset[data-active="true"] { background: var(--accent-soft-hi); color: var(--accent-deep); font-weight: 600; }
.kd-drp__body { display: flex; flex-direction: column; }
.kd-drp__months { display: flex; gap: 22px; padding: 14px 16px; }
.kd-drp__month { width: 252px; }
.kd-drp__monthHead { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 10px; }
.kd-drp__monthLabel { color: var(--ink-0); font-size: 15px; font-weight: 600; }
.kd-drp__nav { display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--ink-2); cursor: pointer; }
.kd-drp__nav:hover { background: var(--fill); color: var(--ink-0); }
.kd-drp__navSpacer { width: 30px; }
.kd-drp__weekdays, .kd-drp__grid { display: grid; grid-template-columns: repeat(7, 1fr); }
.kd-drp__weekday { padding-bottom: 6px; color: var(--ink-4); font-size: 12px; text-align: center; }
.kd-drp__day { position: relative; height: 34px; border: 0; background: transparent; color: var(--ink-1); font: inherit; font-size: 14px; font-variant-numeric: tabular-nums; cursor: pointer;
  border-radius: var(--radius-pill); transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out); }
.kd-drp__day:hover:not(:disabled) { background: var(--fill); }
.kd-drp__day:disabled { color: var(--ink-faint); cursor: not-allowed; }
.kd-drp__day[data-outside] { color: var(--ink-4); }
.kd-drp__day[data-today]::after { content: ""; position: absolute; left: 50%; bottom: 4px; width: 4px; height: 4px; border-radius: var(--radius-pill); background: var(--accent-strong); transform: translateX(-50%); }
.kd-drp__day[data-range] { border-radius: 0; background: var(--accent-soft-hi); color: var(--accent-deep); }
.kd-drp__day[data-start], .kd-drp__day[data-end] { background: var(--accent-strong); color: var(--on-accent); font-weight: 600; }
.kd-drp__day[data-start] { border-radius: var(--radius-pill) 0 0 var(--radius-pill); }
.kd-drp__day[data-end] { border-radius: 0 var(--radius-pill) var(--radius-pill) 0; }
.kd-drp__day[data-solo] { border-radius: var(--radius-pill); }
.kd-drp__day[data-start]::after, .kd-drp__day[data-end]::after { background: var(--on-accent); }
.kd-drp__foot { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 12px 16px 12px 18px; box-shadow: 0 -1px 0 var(--line); }
.kd-drp__info { color: var(--ink-3); font-size: 13px; font-variant-numeric: tabular-nums; }
@media (max-width: 600px) {
  .kd-drp__pop { position: fixed; inset: auto 0 0; grid-template-columns: 1fr; max-height: 88dvh; overflow-y: auto; border-radius: var(--radius-lg) var(--radius-lg) 0 0; }
  .kd-drp__presets { flex-flow: row wrap; gap: 6px; min-width: 0; padding: 12px; }
  .kd-drp__preset { border-radius: var(--radius-pill); background: var(--card); padding: 7px 12px; font-size: 13px; }
  .kd-drp__months { flex-direction: column; align-items: center; }
  .kd-drp__month { width: 100%; max-width: 320px; }
  .kd-drp__info { display: none; }
  /* sheet on phone: presets in one scrollable row, big buttons pinned to the bottom like the filter sheet */
  .kd-drp__pop { border-radius: 28px 28px 0 0; }
  .kd-drp__presets { flex-wrap: nowrap; overflow-x: auto; padding: 20px 20px 8px; background: transparent; scrollbar-width: none; }
  .kd-drp__presets::-webkit-scrollbar { display: none; }
  .kd-drp__preset { flex: none; padding: 9px 14px; font-size: 14px; background: var(--fill); }
  .kd-drp__foot { position: sticky; bottom: 0; z-index: 1; padding: 12px 20px calc(30px + env(safe-area-inset-bottom, 0px)); background: var(--card-raised); }
  .kd-drp__foot .kd-row { flex: 1; display: flex; gap: 10px; }
  .kd-drp__foot .kd-row > :last-child { flex: 1; }
  .kd-drp__foot .kd-btn { height: 42px; padding: 0 18px; font-size: 14.5px; }
  .kd-drp__foot .kd-btn--quiet { background: var(--card); color: var(--ink-0); border-color: var(--line-strong); box-shadow: var(--shadow-tile); }
}

/* Charts */
.kd-chart .kd-card__head { flex-wrap: wrap; align-items: flex-start; }
.kd-chart__tools { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.kd-chart__legend { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; color: var(--ink-3); font-size: 13.5px; }
.kd-chart__legendItem { display: inline-flex; align-items: center; gap: 7px; }
.kd-chart__legendItem b { color: var(--ink-0); font-weight: 600; font-variant-numeric: tabular-nums; }
.kd-chart__plot { position: relative; margin-top: 18px; }
.kd-chart__svg { display: block; width: 100%; height: 100%; overflow: visible; }
.kd-chart__grid line { stroke: var(--hairline); stroke-width: 1px; vector-effect: non-scaling-stroke; }
.kd-chart__base { stroke: var(--line); stroke-width: 1px; vector-effect: non-scaling-stroke; }
.kd-chart__line { fill: none; stroke-width: 2.25px; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.kd-chart__line--muted { stroke-width: 1.75px; opacity: .8; }
.kd-chart__glow { fill: none; stroke-width: 8px; opacity: .16; filter: blur(5px); vector-effect: non-scaling-stroke; }
.kd-chart__cap { stroke: var(--card); stroke-width: 2.5px; vector-effect: non-scaling-stroke; }
.kd-chart__capHalo { opacity: .2; }
.kd-chart__cursor { stroke: var(--ink-4); stroke-opacity: .5; stroke-width: 1px; vector-effect: non-scaling-stroke; }
.kd-chart__yaxis span { text-shadow: 0 0 3px var(--card), 0 0 3px var(--card), 0 0 2px var(--card); position: absolute; left: 8px; transform: translateY(-120%); color: var(--ink-3); font-size: 11.5px; font-variant-numeric: tabular-nums; pointer-events: none; }
.kd-chart__xaxis span { position: absolute; bottom: 0; transform: translateX(-50%); color: var(--ink-3); font-size: 11.5px; font-variant-numeric: tabular-nums; white-space: nowrap; pointer-events: none; }
.kd-chart__xaxis span[data-edge="start"] { transform: none; }
.kd-chart__xaxis span[data-edge="end"] { transform: translateX(-100%); }
.kd-chart__tip { position: absolute; top: 0; min-width: 164px; padding: 10px 12px 11px; border-radius: var(--radius-sm); background: var(--card-raised);
  box-shadow: var(--shadow-pop), inset 0 0 0 1px var(--line); font-size: 12.5px; pointer-events: none; transform: translateX(14px); }
.kd-chart__tip[data-side="left"] { transform: translateX(calc(-100% - 14px)); }
.kd-chart__tipDate { margin-bottom: 7px; color: var(--ink-3); font-size: 12px; }
.kd-chart__tipRow { display: flex; justify-content: space-between; align-items: center; gap: 18px; font-variant-numeric: tabular-nums; }
.kd-chart__tipRow + .kd-chart__tipRow { margin-top: 4px; }
.kd-chart__tipName { display: inline-flex; align-items: center; gap: 7px; color: var(--ink-2); }
.kd-chart__tipValue { color: var(--ink-0); font-weight: 600; }

/* Donut */
.kd-donut { display: flex; flex-wrap: wrap; align-items: center; gap: 28px; margin-top: 18px; }
.kd-donut__chart { position: relative; flex: none; }
.kd-donut__chart svg { display: block; }
.kd-donut__chart path { transition: opacity var(--dur-fast) var(--ease-out); cursor: default; }
.kd-donut__center { position: absolute; inset: 0; display: grid; place-content: center; gap: 2px; text-align: center; pointer-events: none; }
.kd-donut__value { color: var(--ink-0); font-size: 28px; font-weight: 600; letter-spacing: -.03em; font-variant-numeric: tabular-nums; line-height: 1.1; }
.kd-donut__label { max-width: 100px; color: var(--ink-3); font-size: 12.5px; }
.kd-donut__legend { flex: 1; display: grid; gap: 8px; min-width: 240px; }
.kd-donut__row { display: flex; align-items: center; gap: 10px; padding: 9px 14px; border-radius: var(--radius-pill); background: var(--card-sunken);
  transition: background var(--dur-fast) var(--ease-out); }
.kd-donut__row[data-active="true"] { background: var(--fill); }
.kd-donut__name { flex: 1; min-width: 0; display: inline-flex; align-items: center; gap: 8px; color: var(--ink-1); font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.kd-donut__meta { flex: none; display: inline-flex; align-items: baseline; gap: 10px; font-variant-numeric: tabular-nums; }
.kd-donut__pct { color: var(--ink-0); font-size: 14px; font-weight: 600; min-width: 36px; text-align: right; }
.kd-donut__amount { color: var(--ink-3); font-size: 12.5px; min-width: 96px; text-align: right; }

/* Funnel */
.kd-funnel { display: grid; gap: 18px; margin-top: 18px; }
.kd-funnel__row { display: grid; gap: 7px; }
.kd-funnel__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.kd-funnel__label { color: var(--ink-1); font-size: 14px; }
.kd-funnel__value { color: var(--ink-0); font-size: 15px; font-weight: 600; font-variant-numeric: tabular-nums; }
.kd-funnel__track { height: 8px; border-radius: var(--radius-pill); background: var(--fill-active); overflow: hidden; }
.kd-funnel__fill { height: 100%; min-width: 8px; border-radius: var(--radius-pill); background: linear-gradient(90deg, var(--accent-strong), var(--accent)); transition: width var(--dur-slow) var(--ease-out); }
.kd-funnel__fill[data-tone="danger"] { background: var(--danger); }
.kd-funnel__fill[data-tone="warning"] { background: var(--warn-ink); }
.kd-funnel__fill[data-tone="neutral"] { background: var(--ink-4); }
.kd-funnel__foot { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; color: var(--ink-3); font-size: 12.5px; font-variant-numeric: tabular-nums; }
.kd-funnel__drop { color: var(--danger-ink); font-weight: 500; }
.kd-funnel__extra { margin-top: 20px; padding-top: 18px; box-shadow: 0 -1px 0 var(--hairline); }

/* Drawer */
.kd-drawer__backdrop { position: fixed; inset: 0; z-index: 100; background: var(--scrim); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px);
  opacity: 0; pointer-events: none; transition: opacity var(--dur-slow) var(--ease-out); }
.kd-drawer__backdrop[data-open="true"] { opacity: 1; pointer-events: auto; }
.kd-drawer { position: fixed; top: var(--shell-gap); right: var(--shell-gap); bottom: var(--shell-gap); z-index: 110; display: flex; flex-direction: column; overflow: hidden;
  width: min(480px, calc(100vw - var(--shell-gap) * 2)); border-radius: var(--radius-xl); background: var(--card); box-shadow: var(--shadow-pop), inset 0 0 0 1px var(--line);
  transform: translateX(calc(100% + var(--shell-gap))); transition: transform var(--dur-slow) cubic-bezier(.32, .72, 0, 1); }
.kd-drawer[data-open="true"] { transform: none; }
.kd-drawer--contained { position: absolute; }
.kd-drawer__head { flex: none; display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; padding: 22px 22px 18px 24px; box-shadow: 0 1px 0 var(--line); }
.kd-drawer__title { margin: 0; color: var(--ink-0); font-size: 20px; font-weight: 600; letter-spacing: -.02em; line-height: 1.25; }
.kd-drawer__sub { display: flex; align-items: center; gap: 4px; margin-top: 4px; color: var(--ink-3); font-size: 13.5px; font-variant-numeric: tabular-nums; }
.kd-drawer__close { display: grid; place-items: center; flex: none; width: 36px; height: 36px; margin: -4px -6px 0 0; border: 0; border-radius: var(--radius-pill); background: transparent;
  color: var(--ink-2); cursor: pointer; transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out); }
.kd-drawer__close:hover { background: var(--fill); color: var(--ink-0); }
.kd-drawer__body { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 22px 24px 24px; display: grid; gap: 24px; align-content: start; }
.kd-drawer__foot { flex: none; padding: 16px 24px; box-shadow: 0 -1px 0 var(--line); display: flex; gap: 8px; justify-content: flex-end; }
@media (max-width: 720px) {
  .kd-drawer { top: auto; left: 0; right: 0; bottom: 0; width: auto; max-height: 92dvh; border-radius: var(--radius-xl) var(--radius-xl) 0 0; transform: translateY(100%); }
}
@media (prefers-reduced-motion: reduce) { .kd-drawer { transition: opacity var(--dur) var(--ease-out); transform: none; opacity: 0; pointer-events: none; } .kd-drawer[data-open="true"] { opacity: 1; pointer-events: auto; } }
.kd-detail__amountHead { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.kd-detail__amount { display: flex; align-items: baseline; gap: 8px; color: var(--ink-0); font-size: 32px; font-weight: 600; letter-spacing: -.035em; font-variant-numeric: tabular-nums; line-height: 1.1; }
.kd-detail__amountCur { color: var(--ink-3); font-size: 14px; font-weight: 400; letter-spacing: 0; }
.kd-detail__section { display: grid; }
.kd-detail__sectionLabel { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 4px; color: var(--ink-2); font-size: 13px; font-weight: 600; }
.kd-detail__row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 12px 0; }
.kd-detail__row + .kd-detail__row { box-shadow: 0 -1px 0 var(--hairline); }
.kd-detail__label { flex: none; color: var(--ink-3); font-size: 14px; }
.kd-detail__value { display: inline-flex; align-items: center; justify-content: flex-end; gap: 6px; min-width: 0; color: var(--ink-0); font-size: 14.5px; text-align: right; overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.kd-detail__value[data-mono="true"] { font-family: var(--font-mono); font-size: 13px; }
.kd-detail__link { display: inline-flex; align-items: center; gap: 5px; color: var(--accent-strong); text-decoration: none; }
.kd-detail__link:hover { color: var(--accent-deep); }

/* Segmented — full width */
.kd-seg--block { display: grid; width: 100%; box-sizing: border-box; }
.kd-seg--block .kd-seg__opt { height: 40px; font-size: 14.5px; }

/* ModelCard */
.kd-model-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 16px; align-items: start; }
.kd-model { display: flex; flex-direction: column; gap: 18px; padding: 22px; }
.kd-model[data-active="false"] { background: var(--card-sunken); box-shadow: inset 0 0 0 1px var(--line); }
.kd-model__head { display: flex; align-items: flex-start; gap: 14px; }
.kd-model__logo { display: grid; place-items: center; flex: none; width: 44px; height: 44px; }
.kd-model__logo img { max-width: 100%; max-height: 100%; }
.kd-model__headings { flex: 1; min-width: 0; }
.kd-model__title { margin: 0; color: var(--ink-0); font-size: 17px; font-weight: 600; letter-spacing: -.015em; line-height: 1.3; }
.kd-model__desc { margin: 3px 0 0; min-height: 39px; color: var(--ink-3); font-size: 13.5px; line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kd-model__meta { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; }
.kd-model__fee { color: var(--ink-0); font-size: 22px; font-weight: 600; letter-spacing: -.025em; font-variant-numeric: tabular-nums; }
.kd-model[data-active="false"] .kd-model__fee { color: var(--ink-2); }
.kd-model__metaLabel { color: var(--ink-3); font-size: 13.5px; }
.kd-model__sep { width: 3px; height: 3px; margin: 0 2px; border-radius: var(--radius-pill); background: var(--ink-4); align-self: center; }
.kd-model__block { display: grid; gap: 10px; }
.kd-model__blockLabel { color: var(--ink-2); font-size: 14px; font-weight: 500; }
.kd-model__off { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: var(--ink-3); font-size: 14px; }

/* ---------- Toast ---------- */
.kd-toast { position: relative; box-sizing: border-box; display: flex; align-items: flex-start; gap: 12px; width: 100%; padding: 14px 10px 14px 14px; overflow: hidden;
  border-radius: var(--radius-md); background: var(--card-raised); box-shadow: var(--shadow-pop), 0 0 0 1px var(--line); color: var(--ink-0);
  font-size: 14px; line-height: 1.4; text-align: left; animation: kd-toast-in var(--dur-slow) var(--ease-out); }
.kd-toast > * { transition: opacity var(--dur) var(--ease-out); }
.kd-toast__ic { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: var(--radius-pill); }
.kd-toast--success .kd-toast__ic { background: var(--ok-soft); color: var(--ok-ink); }
.kd-toast--danger .kd-toast__ic { background: var(--danger-soft); color: var(--danger-ink); }
.kd-toast--warning .kd-toast__ic { background: var(--warn-soft); color: var(--warn-ink); }
.kd-toast--info .kd-toast__ic { background: var(--info-soft); color: var(--info-ink); }
.kd-toast--neutral .kd-toast__ic { background: var(--fill); color: var(--ink-2); }
.kd-toast__body { flex: 1; min-width: 0; padding-top: 4px; }
.kd-toast__title { display: flex; align-items: center; gap: 8px; min-height: 20px; font-size: 14.5px; font-weight: 600; line-height: 20px; letter-spacing: -.005em; color: var(--ink-0); }
.kd-toast__count { flex: none; height: 20px; padding: 0 7px; border-radius: var(--radius-pill); background: var(--fill); color: var(--ink-2); font-size: 12px; font-weight: 600; line-height: 20px; font-variant-numeric: tabular-nums; }
.kd-toast__text { margin-top: 2px; font-size: 13.5px; line-height: 19px; color: var(--ink-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.kd-toast__details { margin: 8px 0 0; padding: 8px 10px; max-height: 128px; overflow: auto; border-radius: var(--radius-xs, 8px); background: var(--fill);
  font: 12px/1.5 var(--font-mono); color: var(--ink-2); white-space: pre-wrap; word-break: break-word; }
.kd-toast__actions { display: flex; align-items: center; gap: 14px; margin-top: 10px; }
.kd-toast__action { height: 30px; padding: 0 12px; border: 0; border-radius: var(--radius-pill); background: var(--fill); color: var(--ink-0); font: inherit; font-size: 13.5px; font-weight: 600; cursor: pointer;
  transition: background var(--dur-fast) var(--ease-out), transform var(--dur-press) var(--ease-out); }
.kd-toast__action:hover { background: var(--fill-hover); }
.kd-toast__action:active { transform: scale(.98); }
.kd-toast__link { padding: 0; border: 0; background: none; color: var(--ink-3); font: inherit; font-size: 13.5px; font-weight: 500; cursor: pointer; }
.kd-toast__link:hover { color: var(--ink-1); }
.kd-toast__action:focus-visible, .kd-toast__link:focus-visible { outline: 2px solid var(--accent-strong); outline-offset: 2px; }
.kd-toast__close { flex: none; width: 28px; height: 28px; }
.kd-toast__timer { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; transform-origin: left center; opacity: .45; background: var(--ink-3); }
.kd-toast--success .kd-toast__timer { background: var(--ok-ink); }
.kd-toast--warning .kd-toast__timer { background: var(--warn-ink); }
.kd-toast--info .kd-toast__timer { background: var(--info-ink); }
.kd-toast__timer--run { animation: kd-toast-timer linear forwards; }
@keyframes kd-toast-timer { from { transform: scaleX(1); } to { transform: scaleX(0); } }
@keyframes kd-toast-in { from { opacity: 0; transform: translateY(var(--kd-toast-from, -10px)) scale(.97); } }

/* ---------- Toaster: stack, collapsed by default, expands on hover / tap ---------- */
.kd-toaster { position: fixed; z-index: 200; width: 380px; max-width: calc(100vw - 32px); pointer-events: none; }
.kd-toaster--contained { position: absolute; }
.kd-toaster--top-right { top: 16px; right: 16px; }
.kd-toaster--bottom-right { bottom: 16px; right: 16px; --kd-toast-from: 10px; }
.kd-toaster--top { top: 16px; left: 50%; transform: translateX(-50%); }
.kd-toaster--bottom { bottom: 16px; left: 50%; transform: translateX(-50%); --kd-toast-from: 10px; }
.kd-toaster__list { position: relative; margin: 0; padding: 0; list-style: none; transition: height var(--dur-slow) var(--ease-out); }
.kd-toaster__item { position: absolute; left: 0; right: 0; top: 0; transform-origin: top center; pointer-events: auto;
  transition: transform var(--dur-slow) var(--ease-out), height var(--dur-slow) var(--ease-out), opacity var(--dur-slow) var(--ease-out); }
.kd-toaster--bottom-right .kd-toaster__item, .kd-toaster--bottom .kd-toaster__item { top: auto; bottom: 0; transform-origin: bottom center; }
.kd-toaster__item[data-behind="true"] { cursor: pointer; }
.kd-toaster__item[data-behind="true"] .kd-toast { animation: none; }
.kd-toaster__item[data-behind="true"] .kd-toast > * { opacity: 0; }
.kd-toaster__clear { display: block; margin: 8px 0 0 auto; height: 28px; padding: 0 12px; border: 0; border-radius: var(--radius-pill); pointer-events: auto;
  background: var(--card-raised); box-shadow: var(--shadow-pop), 0 0 0 1px var(--line); color: var(--ink-2); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.kd-toaster--bottom-right .kd-toaster__clear, .kd-toaster--bottom .kd-toaster__clear { position: absolute; right: 0; bottom: 100%; margin: 0 0 8px; }
.kd-toaster__clear:hover { color: var(--ink-0); }
@media (max-width: 767px) {
  .kd-toaster:not(.kd-toaster--contained) { left: 16px; right: 16px; width: auto; max-width: none; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .kd-toast, .kd-toaster__item, .kd-toaster__list { animation: none; transition: none; }
}
