:root{--ryok-primary: #007bff;--ryok-primary-hover: #0056b3;--ryok-primary-light: #e3f2fd;--ryok-primary-dark: #004085;--ryok-secondary: #6c757d;--ryok-secondary-hover: #545b62;--ryok-secondary-light: #f8f9fa;--ryok-secondary-dark: #343a40;--ryok-success: #28a745;--ryok-success-hover: #218838;--ryok-success-light: #d4edda;--ryok-success-border: #c3e6cb;--ryok-warning: #ffc107;--ryok-warning-hover: #e0a800;--ryok-warning-light: #fff3cd;--ryok-warning-border: #ffeaa7;--ryok-error: #dc3545;--ryok-error-hover: #c82333;--ryok-error-light: #f8d7da;--ryok-error-border: #f5c6cb;--ryok-info: #17a2b8;--ryok-info-hover: #138496;--ryok-info-light: #d1ecf1;--ryok-info-border: #bee5eb;--ryok-white: #ffffff;--ryok-black: #000000;--ryok-gray-50: #f8f9fa;--ryok-gray-100: #e9ecef;--ryok-gray-200: #dee2e6;--ryok-gray-300: #ced4da;--ryok-gray-400: #adb5bd;--ryok-gray-500: #6c757d;--ryok-gray-600: #495057;--ryok-gray-700: #343a40;--ryok-gray-800: #212529;--ryok-gray-900: #1a1a1a;--ryok-text-primary: #212529;--ryok-text-secondary: #6c757d;--ryok-text-muted: #868e96;--ryok-text-light: #adb5bd;--ryok-text-white: #ffffff;--ryok-bg-primary: #ffffff;--ryok-bg-secondary: #f8f9fa;--ryok-bg-tertiary: #e9ecef;--ryok-border: #dee2e6;--ryok-border-light: #f1f3f4;--ryok-border-dark: #ced4da;--ryok-space-1: .25rem;--ryok-space-2: .5rem;--ryok-space-3: .75rem;--ryok-space-4: 1rem;--ryok-space-5: 1.25rem;--ryok-space-6: 1.5rem;--ryok-space-8: 2rem;--ryok-space-10: 2.5rem;--ryok-space-12: 3rem;--ryok-space-16: 4rem;--ryok-space-20: 5rem;--ryok-font-size-xs: .75rem;--ryok-font-size-sm: .875rem;--ryok-font-size-base: 1rem;--ryok-font-size-lg: 1.125rem;--ryok-font-size-xl: 1.25rem;--ryok-font-size-2xl: 1.5rem;--ryok-font-size-3xl: 1.875rem;--ryok-font-size-4xl: 2.25rem;--ryok-font-size-5xl: 3rem;--ryok-font-weight-light: 300;--ryok-font-weight-normal: 400;--ryok-font-weight-medium: 500;--ryok-font-weight-semibold: 600;--ryok-font-weight-bold: 700;--ryok-font-weight-extrabold: 800;--ryok-line-height-tight: 1.25;--ryok-line-height-normal: 1.5;--ryok-line-height-relaxed: 1.75;--ryok-radius: .375rem;--ryok-radius-sm: .25rem;--ryok-radius-md: .5rem;--ryok-radius-lg: .75rem;--ryok-radius-xl: 1rem;--ryok-radius-2xl: 1.5rem;--ryok-radius-full: 9999px;--ryok-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ryok-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--ryok-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ryok-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--ryok-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--ryok-transition-fast: .15s ease;--ryok-transition-normal: .3s ease;--ryok-transition-slow: .5s ease;--ryok-z-dropdown: 1000;--ryok-z-sticky: 1020;--ryok-z-fixed: 1030;--ryok-z-modal-backdrop: 1040;--ryok-z-modal: 1050;--ryok-z-popover: 1060;--ryok-z-tooltip: 1070;--ryok-breakpoint-sm: 576px;--ryok-breakpoint-md: 768px;--ryok-breakpoint-lg: 992px;--ryok-breakpoint-xl: 1200px;--ryok-breakpoint-2xl: 1400px}*{box-sizing:border-box}html{font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--ryok-font-size-base);font-weight:var(--ryok-font-weight-normal);line-height:var(--ryok-line-height-normal);color:var(--ryok-text-primary);background-color:var(--ryok-bg-primary)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--ryok-space-4) 0;font-weight:var(--ryok-font-weight-semibold);line-height:var(--ryok-line-height-tight);color:var(--ryok-text-primary)}h1{font-size:var(--ryok-font-size-4xl)}h2{font-size:var(--ryok-font-size-3xl)}h3{font-size:var(--ryok-font-size-2xl)}h4{font-size:var(--ryok-font-size-xl)}h5{font-size:var(--ryok-font-size-lg)}h6{font-size:var(--ryok-font-size-base)}p{margin:0 0 var(--ryok-space-4) 0;line-height:var(--ryok-line-height-normal)}a{color:var(--ryok-primary);text-decoration:none;transition:color var(--ryok-transition-fast)}a:hover{color:var(--ryok-primary-hover);text-decoration:underline}input,textarea,select{font-family:inherit;font-size:var(--ryok-font-size-base);line-height:var(--ryok-line-height-normal)}*:focus{outline:2px solid var(--ryok-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-light{font-weight:var(--ryok-font-weight-light)}.font-normal{font-weight:var(--ryok-font-weight-normal)}.font-medium{font-weight:var(--ryok-font-weight-medium)}.font-semibold{font-weight:var(--ryok-font-weight-semibold)}.font-bold{font-weight:var(--ryok-font-weight-bold)}.text-primary{color:var(--ryok-primary)}.text-secondary{color:var(--ryok-secondary)}.text-success{color:var(--ryok-success)}.text-warning{color:var(--ryok-warning)}.text-error{color:var(--ryok-error)}.text-info{color:var(--ryok-info)}.text-muted{color:var(--ryok-text-muted)}.bg-primary{background-color:var(--ryok-primary)}.bg-secondary{background-color:var(--ryok-secondary)}.bg-success{background-color:var(--ryok-success)}.bg-warning{background-color:var(--ryok-warning)}.bg-error{background-color:var(--ryok-error)}.bg-info{background-color:var(--ryok-info)}.m-0{margin:0}.m-1{margin:var(--ryok-space-1)}.m-2{margin:var(--ryok-space-2)}.m-3{margin:var(--ryok-space-3)}.m-4{margin:var(--ryok-space-4)}.m-5{margin:var(--ryok-space-5)}.p-0{padding:0}.p-1{padding:var(--ryok-space-1)}.p-2{padding:var(--ryok-space-2)}.p-3{padding:var(--ryok-space-3)}.p-4{padding:var(--ryok-space-4)}.p-5{padding:var(--ryok-space-5)}.fade-in{animation:fadeIn .3s ease-in}.slide-up{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-contrast: high){:root{--ryok-border: #000000;--ryok-text-muted: #000000}}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 575px){#app{padding:.75rem}.container{padding:0 8px;max-width:100%}.grid{gap:12px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width: 576px) and (max-width: 767px){#app{padding:1rem}.container{padding:0 12px;max-width:100%}.grid{gap:15px}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px) and (max-width: 991px){#app{padding:1.25rem}.grid-2,.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.container{padding:0 15px}}@media (min-width: 992px) and (max-width: 1199px){.container{max-width:960px}}@media (min-width: 1200px) and (max-width: 1399px){.container{max-width:1140px}}@media (min-width: 1400px){.container{max-width:1320px}.grid{gap:24px}}.responsive-text{font-size:clamp(14px,2.5vw,18px);line-height:1.6}.responsive-heading{font-size:clamp(24px,4vw,48px);line-height:1.2}.responsive-subheading{font-size:clamp(18px,3vw,32px);line-height:1.3}.responsive-button{padding:clamp(8px,2vw,16px) clamp(16px,4vw,32px);font-size:clamp(14px,2vw,18px);min-height:44px}.responsive-card{padding:clamp(16px,3vw,32px);border-radius:clamp(8px,1.5vw,16px)}.responsive-grid{display:grid;gap:clamp(16px,3vw,32px);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width: 768px){.responsive-grid{grid-template-columns:1fr;gap:16px}}@media (min-width: 769px) and (max-width: 1024px){.responsive-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (min-width: 1025px){.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}}@media (min-width: 1400px){.responsive-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px}}@media (hover: none) and (pointer: coarse){button,.clickable{min-height:44px;min-width:44px;padding:12px 16px}input,select,textarea{min-height:44px;font-size:16px}}@media (prefers-contrast: high){button,input,.card{border:2px solid}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}body{background:#fff!important;color:#000!important}.page-break{page-break-before:always}}.navbar[data-v-cbbdd7d7]{background:linear-gradient(135deg,var(--ryok-white),var(--ryok-gray-100));color:var(--ryok-secondary);padding:var(--ryok-space-3);box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000;width:100%}.nav-container[data-v-cbbdd7d7]{max-width:1200px;margin:0 auto;padding:0 var(--ryok-space-5);display:flex;justify-content:space-between;align-items:center;height:60px}.nav-logo[data-v-cbbdd7d7]{font-size:var(--ryok-font-size-3xl);font-weight:700;text-decoration:none;color:var(--ryok-primary)}.nav-links[data-v-cbbdd7d7]{display:flex;align-items:center;gap:var(--ryok-space-5)}.nav-link[data-v-cbbdd7d7]{text-decoration:none;font-size:var(--ryok-font-size-lg);font-weight:500;padding:var(--ryok-space-3) var(--ryok-space-4);border-radius:var(--ryok-radius);transition:background .3s ease;color:var(--ryok-secondary)}.nav-link[data-v-cbbdd7d7]:hover,.nav-link.router-link-active[data-v-cbbdd7d7]{background:var(--ryok-primary-light);color:var(--ryok-primary-dark)}.signout-btn[data-v-cbbdd7d7]{background:var(--ryok-white);color:var(--ryok-secondary);border:1px solid var(--ryok-gray-300);border-radius:var(--ryok-radius);transition:background .3s ease;cursor:pointer;margin:0;padding:var(--ryok-space-3) var(--ryok-space-4);font-size:var(--ryok-font-size-base);font-weight:500}.signout-btn[data-v-cbbdd7d7]:hover{background:var(--ryok-gray-100);border-color:var(--ryok-gray-400)}.mobile-menu-btn[data-v-cbbdd7d7]{display:none;flex-direction:column;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;margin:0;justify-content:space-around;align-items:center}.mobile-menu-btn span[data-v-cbbdd7d7]{display:block;height:3px;width:100%;background:#000;border-radius:1px;transition:all .3s ease;transform-origin:center}.mobile-menu-btn span.rotate[data-v-cbbdd7d7]{transform:rotate(45deg) translate(7px,6px)}.mobile-menu-btn span.fade[data-v-cbbdd7d7]{opacity:0}.mobile-menu-btn span.rotate-reverse[data-v-cbbdd7d7]{transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav[data-v-cbbdd7d7]{display:none;position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,var(--ryok-white),var(--ryok-gray-100));box-shadow:0 4px 6px #0000001a;flex-direction:column;padding:var(--ryok-space-5);transform:translateY(-20px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999}.mobile-nav.open[data-v-cbbdd7d7]{transform:translateY(0);opacity:1;visibility:visible}.mobile-nav .nav-link[data-v-cbbdd7d7]{padding:var(--ryok-space-4) 0;text-align:center;border-bottom:1px solid var(--ryok-gray-200);font-size:var(--ryok-font-size-base);color:var(--ryok-secondary)}.mobile-nav .nav-link[data-v-cbbdd7d7]:last-child{border-bottom:none}.mobile-nav .mobile-signout[data-v-cbbdd7d7]{margin-top:var(--ryok-space-4);width:100%;text-align:center}@media (max-width: 575px){.desktop-nav[data-v-cbbdd7d7]{display:none}.mobile-menu-btn[data-v-cbbdd7d7],.mobile-nav[data-v-cbbdd7d7]{display:flex}.nav-container[data-v-cbbdd7d7]{padding:var(--ryok-space-3);height:auto;min-height:60px}.nav-logo[data-v-cbbdd7d7]{font-size:var(--ryok-font-size-xl)}.mobile-nav[data-v-cbbdd7d7]{padding:var(--ryok-space-3)}.mobile-nav .nav-link[data-v-cbbdd7d7]{padding:var(--ryok-space-2) 0;font-size:var(--ryok-font-size-sm)}}@media (min-width: 576px) and (max-width: 767px){.desktop-nav[data-v-cbbdd7d7]{display:none}.mobile-menu-btn[data-v-cbbdd7d7],.mobile-nav[data-v-cbbdd7d7]{display:flex}.nav-container[data-v-cbbdd7d7]{padding:var(--ryok-space-3) var(--ryok-space-4);height:auto;min-height:60px}.nav-logo[data-v-cbbdd7d7]{font-size:var(--ryok-font-size-2xl)}.mobile-nav[data-v-cbbdd7d7]{padding:var(--ryok-space-4)}.mobile-nav .nav-link[data-v-cbbdd7d7]{padding:var(--ryok-space-3) 0;font-size:var(--ryok-font-size-base)}}@media (min-width: 768px) and (max-width: 991px){.nav-container[data-v-cbbdd7d7]{padding:var(--ryok-space-4) var(--ryok-space-5);height:auto;min-height:70px}.nav-logo[data-v-cbbdd7d7]{font-size:var(--ryok-font-size-3xl)}.nav-links[data-v-cbbdd7d7]{gap:var(--ryok-space-4)}.nav-link[data-v-cbbdd7d7]{font-size:var(--ryok-font-size-base);padding:var(--ryok-space-2) var(--ryok-space-3)}}@media (min-width: 1400px){.nav-container[data-v-cbbdd7d7]{max-width:1320px;padding:var(--ryok-space-5) var(--ryok-space-6);height:80px}.nav-logo[data-v-cbbdd7d7]{font-size:var(--ryok-font-size-4xl)}.nav-links[data-v-cbbdd7d7]{gap:var(--ryok-space-6)}.nav-link[data-v-cbbdd7d7]{font-size:var(--ryok-font-size-xl);padding:var(--ryok-space-4) var(--ryok-space-5)}}#app{font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;background:linear-gradient(135deg,var(--ryok-white),var(--ryok-gray-100));color:var(--ryok-secondary)}main{margin:80px auto 0;max-width:1200px;padding:var(--ryok-space-5);background:var(--ryok-white);border-radius:var(--ryok-radius-xl);box-shadow:0 2px 4px #0000001a;min-height:calc(100vh - 80px)}button{font-family:inherit;font-size:var(--ryok-font-size-base);font-weight:500;border:none;border-radius:var(--ryok-radius);background:var(--ryok-primary);color:var(--ryok-white);padding:var(--ryok-space-3) var(--ryok-space-5);cursor:pointer;transition:background .3s ease,transform .2s ease;margin:var(--ryok-space-1)}button:hover,button:focus{background:var(--ryok-primary-hover);transform:translateY(1px)}button:active{transform:translateY(1px)}button:disabled{background:var(--ryok-gray-400);cursor:not-allowed}input{font-family:inherit;font-size:var(--ryok-font-size-base);padding:var(--ryok-space-3);border:1px solid var(--ryok-gray-300);border-radius:var(--ryok-radius);margin:var(--ryok-space-1);width:100%;transition:border-color .3s ease}input:focus{outline:none;border-color:var(--ryok-primary)}input:disabled{background:var(--ryok-gray-200);cursor:not-allowed}input::placeholder{color:var(--ryok-gray-500)}input:invalid{border-color:var(--ryok-error)}input.error{border-color:var(--ryok-error)}input.success{border-color:var(--ryok-success)}@media (max-width: 575px){main{margin-top:60px;padding:var(--ryok-space-2);border-radius:0;margin-left:0;margin-right:0;min-height:calc(100vh - 60px)}button{padding:var(--ryok-space-3) var(--ryok-space-4);font-size:var(--ryok-font-size-sm);width:100%;margin:var(--ryok-space-2) 0}input{padding:var(--ryok-space-4);font-size:var(--ryok-font-size-base);margin:var(--ryok-space-2) 0}}@media (min-width: 576px) and (max-width: 767px){main{margin-top:60px;padding:var(--ryok-space-3);border-radius:var(--ryok-radius-lg);min-height:calc(100vh - 60px)}button{padding:var(--ryok-space-4) var(--ryok-space-5);font-size:var(--ryok-font-size-base);margin:var(--ryok-space-2) var(--ryok-space-1)}input{padding:var(--ryok-space-4);font-size:var(--ryok-font-size-base);margin:var(--ryok-space-2) 0}}@media (min-width: 768px) and (max-width: 991px){main{margin-top:70px;padding:var(--ryok-space-4);min-height:calc(100vh - 70px)}button{padding:var(--ryok-space-3) var(--ryok-space-4);font-size:var(--ryok-font-size-base)}input{padding:var(--ryok-space-3);font-size:var(--ryok-font-size-base)}}@media (min-width: 992px) and (max-width: 1199px){main{margin-top:80px;padding:var(--ryok-space-5)}}@media (min-width: 1400px){main{margin-top:90px;padding:var(--ryok-space-6);max-width:1320px}}