:where(html){--text-heading:var(--accent-color);--text-panel:var(--gray-8);--gray-6:#686f77;--blue-2:#a5d8ff;--shadow-6-inner:inset 0 2px 4px 0 rgba(0,0,0,0.06);--button-color:var(--gray-5);--co-gaiwan-oak-html-widgets--card-width:var(--size-fluid-10);--text-button:var(--gray-0);--size-14:20rem;--gray-9:#212529;--oak-green-8:#84a58a;--gray-11:#0d0f12;--bg-call-to-action-hover:var(--oak-green-11);--shadow-3:0 10px 15px -3px var(--shadow-color);--size-1:.25rem;--shadow-5:0 25px 50px -12px var(--shadow-color-strong);--blue-5:#339af0;--accent-color:var(--oak-green-12);--red-10:#972020;--yellow-4:#ffd43b;--size-2:.5rem;--status-warning:var(--yellow-7);--oak-green-2:#d8e7cc;--blue-10:#145591;--gray-8:#343a40;--red-8:#e03131;--size-fluid-7:max(7.5rem,min(10vw,10rem));--bg-surface:var(--oak-green-00);--text-surface:var(--gray-12);--size-fluid-11:max(25rem,min(50vw,35rem));--gray-5:#868e96;--size-12:10rem;--yellow-11:#804200;--gray-0:#f8f9fa;--yellow-9:#e67700;--oak-green-3:#cadcc1;--blue-8:#1971c2;--gray-1:#dee2e6;--yellow-12:#663500;--status-success:var(--oak-green-6);--oak-green-6:#a0bba0;--shadow-1:0 1px 3px 0 var(--shadow-color);--red-12:#320b0b;--gray-7:#495057;--size-10:5rem;--size-15:30rem;--blue-6:#228be6;--blue-7:#1c7ed6;--oak-green-12:#4e765c;--blue-0:#e7f5ff;--size-4:1.25rem;--text-call-to-action:var(--white);--size-fluid-10:max(20rem,min(40vw,30rem));--size-9:4rem;--oak-green-0:#f4fde2;--size-000:-.5rem;--border-call-to-action:var(--oak-green-12);--oak-green-5:#aec6ab;--size-11:7.5rem;--radius-5:4rem;--size-8:3rem;--radius-6:8rem;--bg-call-to-action:var(--oak-green-10);--gray-4:#9aa2aa;--size-fluid-9:max(15rem,min(30vw,20rem));--size-3:1rem;--size-fluid-2:max(1rem,min(2vw,1.5rem));--button-border:var(--gray-10);--border-subtle:var(--gray-4);--size-fluid-12:max(30rem,min(60vw,45rem));--size-00:-.25rem;--status-error:var(--red-8);--oak-green-4:#bcd1b6;--text-subtle:var(--gray-6);--radius-2:5px;--status-info:var(--blue-6);--oak-green-13:#24312d;--shadow-color:rgba(0,0,0,0.1);--size-7:2rem;--size-fluid-6:max(5rem,min(7vw,7.5rem));--red-7:#f03e3e;--radius-3:1rem;--size-fluid-8:max(10rem,min(20vw,15rem));--blue-1:#d0ebff;--oak-green-00:#f6fbee;--red-4:#ff8787;--red-6:#fa5252;--yellow-10:#b35c00;--blue-12:#0d375e;--border-panel:var(--gray-6);--yellow-8:#f08c00;--oak-green-1:#e6f2d7;--gray-3:#adb5bd;--size-fluid-13:max(35rem,min(70vw,55rem));--yellow-0:#fff9db;--red-1:#ffe3e3;--red-3:#ffa8a8;--bg-call-to-action-dark:var(--oak-green-12);--gray-12:#030507;--size-fluid-5:max(4rem,min(5vw,5rem));--size-6:1.75rem;--button-color-dark:var(--gray-6);--shadow-2:0 4px 6px -1px var(--shadow-color);--button-color-hover:var(--gray-7);--button-color-light:var(--gray-4);--yellow-7:#f59f00;--bg-panel:var(--white);--border-input:var(--gray-4);--action-primary:var(--blue-6);--red-5:#ff6b6b;--text-inverted:var(--gray-0);--font-system-ui:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;--size-fluid-14:max(40rem,min(80vw,65rem));--size-5:1.5rem;--radius-4:2rem;--yellow-2:#ffec99;--red-0:#fff5f5;--size-fluid-1:max(.5rem,min(1vw,1rem));--size-fluid-15:max(45rem,min(90vw,75rem));--blue-9:#1864ab;--black:#000;--red-11:#651515;--oak-green-7:#92b095;--radius-1:2px;--size-13:15rem;--bg-call-to-action-light:var(--oak-green-8);--yellow-5:#fcc419;--white:#fff;--shadow-4:0 20px 25px -5px var(--shadow-color-strong);--gray-10:#16191d;--size-fluid-3:max(1.5rem,min(3vw,2rem));--oak-green-9:#769a7f;--blue-11:#114678;--red-9:#c92a2a;--yellow-3:#ffe066;--shadow-color-strong:rgba(0,0,0,0.25);--red-2:#ffc9c9;--yellow-6:#fab005;--size-fluid-4:max(2rem,min(4vw,3rem));--oak-green-11:#5a8469;--bg-interactive:var(--gray-2);--yellow-1:#fff3bf;--blue-3:#74c0fc;--blue-4:#4dabf7;--oak-green-10:#688f74;--gray-2:#ced4da}@media(prefers-color-scheme:dark){:where(html){--text-panel:var(--gray-1);--accent-color:var(--oak-green-6);--status-warning:var(--yellow-4);--bg-surface:var(--gray-12);--text-surface:var(--gray-2);--status-success:var(--oak-green-4);--border-subtle:var(--gray-7);--status-error:var(--red-9);--text-subtle:var(--gray-4);--status-info:var(--blue-4);--shadow-color:rgba(255,255,255,0.05);--bg-panel:var(--gray-8);--action-primary:var(--blue-4);--text-inverted:var(--gray-12);--shadow-color-strong:rgba(255,255,255,0.1);--bg-interactive:var(--gray-11)}}*,*::before,*::after{box-sizing:border-box}@view-transition{navigation:auto}body{margin:0;font-family:var(--font-system-ui);background-color:var(--bg-surface);color:var(--text-surface);min-height:100vh}footer{position:absolute;bottom:1em;right:1em;z-index:-1;color:var(--text-subtle)}h5,h4,h2,h1,h3{color:var(--text-heading)}input[type="text"],input[type="email"],input[type="password"]{border-width:1px;border-style:solid;border-color:var(--border-input);border-radius:var(--radius-2);padding:var(--size-2);font-size:1rem}input[type="submit"],button{background-color:var(--button-color);border:1px solid var(--button-border);color:var(--text-button);padding:var(--size-2);border-radius:var(--radius-2);font-size:1rem;font-weight:bold;cursor:pointer}input[type="submit"]:hover,button:hover{background-color:var(--button-color-hover)}input[type="submit"]:active,button:active{background-image:var(--button-color-dark)}.ghost:not(:hover){background-color:transparent;border-color:transparent;color:var(--text-panel)}input.cautious-action{background-color:var(--white);border:2px solid var(--gray-4);color:var(--gray-6);padding:var(--size-2);border-radius:var(--radius-2);font-size:1rem;font-weight:bold;cursor:pointer}input.cautious-action:hover{border-color:var(--gray-5);color:var(--gray-7);background-color:var(--gray-0)}input.cautious-action:active{border-color:var(--gray-6);color:var(--gray-8);background-color:var(--gray-1)}input.cautious-action.severe:hover{border-color:var(--red-5);color:var(--red-7);background-color:var(--red-0)}a.subtle{color:var(--text-subtle)}div.status-indicator{border-radius:50%;width:.75rem;height:.75rem}div.status-active{background-color:var(--status-info)}div.status-inactive{background-color:var(--gray-6)}.call-to-action{--button-color:var(--bg-call-to-action);--text-button:var(--text-call-to-action);--button-border:var(--border-call-to-action);box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),0 4px 6px rgba(0,0,0,0.2),0 1px 3px rgba(0,0,0,0.4);--button-color-dark:var(--bg-call-to-action-dark);--button-color-hover:var(--bg-call-to-action-hover);--button-color-light:var(--bg-call-to-action-light);background-image:linear-gradient(to bottom,var(--button-color-light) 0%,var(--button-color) 100%);transition:background-color .1s ease,box-shadow .1s ease}.call-to-action:hover{background-image:linear-gradient(to top,var(--button-color-light) 0%,var(--button-color) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.6),0 6px 10px rgba(0,0,0,0.3),0 1px 5px rgba(0,0,0,0.5)}.call-to-action:active{box-shadow:inset 0 1px 3px rgba(0,0,0,0.6),0 1px 1px rgba(0,0,0,0.1);transform:translateY(1px)}.co_gaiwan_oak_html_graphics__logo .text{fill:var(--text-surface)}.co_gaiwan_oak_html_graphics__envelope path{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.co_gaiwan_oak_html_graphics__checkmark circle{fill:var(--oak-green-11)}.co_gaiwan_oak_html_graphics__checkmark path{stroke:var(--white);fill:none;stroke-width:3.7}.co_gaiwan_oak_html_graphics__error_cross circle{fill:var(--status-error)}.co_gaiwan_oak_html_graphics__error_cross path{stroke:var(--gray-0)}.co_gaiwan_oak_html_graphics__circle_bang circle{stroke:var(--status-error)}.co_gaiwan_oak_html_graphics__circle_bang path{fill:var(--status-error)}.co_gaiwan_oak_html_graphics__eye>*{stroke:var(--gray-3);fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-width:1.8}.co_gaiwan_oak_html_graphics__eye_closed path{fill:var(--gray-3);stroke:none}.co_gaiwan_oak_html_graphics__eye_closed .dash{stroke:var(--gray-3);stroke-linecap:round;stroke-width:1.2}.co_gaiwan_oak_html_graphics__logout>*{stroke:var(--gray-7);fill:none;stroke-linejoin:round;stroke-linecap:round;stroke-width:1}.co_gaiwan_oak_html_forms__input_group{margin-bottom:var(--size-4);position:relative}.co_gaiwan_oak_html_forms__input_group:has([type=hidden]){display:none}.co_gaiwan_oak_html_forms__input_group label{display:block;margin-bottom:var(--size-2);font-weight:600}.co_gaiwan_oak_html_forms__input_group input{width:100%}.co_gaiwan_oak_html_forms__input_group input:focus{outline:0;border-color:var(--oak-green-5)}.co_gaiwan_oak_html_forms__input_group input[aria-invalid='true']{box-shadow:0 0 0 3px var(--bg-panel),0 0 0 5px var(--status-error)}.co_gaiwan_oak_html_forms__input_group .error{color:var(--status-error);margin-top:.5rem;font-weight:600}.co_gaiwan_oak_html_forms__input_group .input-wrap:not(:has([aria-invalid='true']))+.error{display:none}.co_gaiwan_oak_html_forms__input_group .co_gaiwan_oak_html_graphics__circle_bang{display:inline-block;width:1em;height:1em;margin-right:.3em;margin-bottom:-0.1em}.co_gaiwan_oak_html_forms__input_group .input-wrap{position:relative}.co_gaiwan_oak_html_forms__submit_disable{width:100%}.co_gaiwan_oak_html_forms__submit_delete{width:100%}.co_gaiwan_oak_html_forms__submit{width:100%}.co_gaiwan_oak_html_forms__visibility_toggle{position:absolute;border:0;background-color:transparent;right:.5rem;top:50%;transform:translateY(-50%)}.co_gaiwan_oak_html_forms__visibility_toggle:hover{background-color:transparent}.co_gaiwan_oak_html_forms__visibility_toggle[aria-pressed='false'] .co_gaiwan_oak_html_graphics__eye{display:block}.co_gaiwan_oak_html_forms__visibility_toggle[aria-pressed='true'] .co_gaiwan_oak_html_graphics__eye_closed{display:block}.co_gaiwan_oak_html_forms__visibility_toggle svg{display:none;height:2em;width:2em}.co_gaiwan_oak_html_layout__flash_box{padding:var(--size-2);margin-top:var(--size-1);margin-bottom:var(--size-2);font-weight:bold;box-shadow:var(--shadow-2);font-size:110%;background-color:var(--bg-panel);border-radius:var(--radius-3);color:var(--text-panel)}.co_gaiwan_oak_html_layout__flash_box button{float:right}.co_gaiwan_oak_html_widgets__leaf_bg{position:absolute;top:0;left:0;z-index:-1;width:var(--size-fluid-8)}.co_gaiwan_oak_html_widgets__card{padding:var(--size-8);flex-grow:1;display:flex;flex-direction:column;align-items:stretch;gap:1rem;max-width:var(--co-gaiwan-oak-html-widgets--card-width);border-radius:var(--radius-3);box-shadow:var(--shadow-2);background-color:var(--bg-panel);color:var(--text-panel)}.co_gaiwan_oak_html_widgets__card>*{margin-top:0;margin-bottom:0}.co_gaiwan_oak_html_widgets__column_card{padding:var(--size-8) var(--size-4);flex-grow:1;display:flex;flex-direction:column;align-items:stretch;gap:1rem;border-radius:var(--radius-3);box-shadow:var(--shadow-2);background-color:var(--bg-panel);color:var(--text-panel)}.co_gaiwan_oak_html_widgets__column_card>*{margin-top:0;margin-bottom:0}.co_gaiwan_oak_html_widgets__avatar{border-radius:50%;background-color:var(--oak-green-3);color:var(--oak-green-9);width:3rem;height:3rem}.co_gaiwan_oak_html_widgets__app_logo{display:inline-flex;justify-content:center;align-items:center;width:2rem;height:2rem;margin:.4rem;border-radius:.4rem;background-color:var(--oak-green-3)}.co_gaiwan_oak_html_widgets__app_logo img{max-width:100%}.co_gaiwan_oak_html_widgets__full_center_card{padding:var(--size-8);flex-grow:1;display:flex;flex-direction:column;align-items:stretch;gap:1rem}.co_gaiwan_oak_html_widgets__full_center_card>*{margin-top:0;margin-bottom:0}@media(min-width:40rem){.co_gaiwan_oak_html_widgets__full_center_card{max-width:var(--co-gaiwan-oak-html-widgets--card-width);border-radius:var(--radius-3);box-shadow:var(--shadow-2);background-color:var(--bg-panel);color:var(--text-panel)}}.co_gaiwan_oak_html_widgets__full_center_card h1{text-align:center}.co_gaiwan_oak_html_widgets__full_center_card h1 div:has(img){vertical-align:middle}.co_gaiwan_oak_html_oauth__layout{display:flex;justify-content:center;align-items:center;min-height:100vh}.co_gaiwan_oak_html_oauth__submit_buttons{display:flex;gap:1rem;width:100%}.co_gaiwan_oak_html_oauth__submit_buttons>*{flex-grow:1}.co_gaiwan_oak_html_login-page__input_group{margin-bottom:var(--size-4)}.co_gaiwan_oak_html_login-page__input_group label{display:block;margin-bottom:var(--size-2);font-weight:bold}.co_gaiwan_oak_html_login-page__input_group input{width:100%}.co_gaiwan_oak_html_login-page__forgot_password_link{text-align:right}.co_gaiwan_oak_html_login-page__login_html{display:flex;justify-content:center;align-items:center;min-height:100vh}.co_gaiwan_oak_html_auth__layout{display:flex;justify-content:center;align-items:center;min-height:100vh}.co_gaiwan_oak_html_auth__password_reset_requested{text-align:center;--co-gaiwan-oak-html-widgets--card-width:var(--size-fluid-11)}.co_gaiwan_oak_html_auth__password_reset_requested .email{text-decoration:underline}.co_gaiwan_oak_html_auth__password_reset_requested .co_gaiwan_oak_html_graphics__envelope{align-self:center;width:4rem}.co_gaiwan_oak_html_auth__password_reset_requested .co_gaiwan_oak_html_graphics__envelope path{stroke:var(--text-subtle)}.co_gaiwan_oak_html_auth__success_page{text-align:center}.co_gaiwan_oak_html_auth__success_page .co_gaiwan_oak_html_graphics__checkmark{height:3rem;margin:1rem;align-self:center}.co_gaiwan_oak_html_auth__error_page{text-align:center}.co_gaiwan_oak_html_auth__error_page .co_gaiwan_oak_html_graphics__error_cross{height:3rem;margin:1rem;align-self:center}.co_gaiwan_oak_html_dashboard__dash_layout{display:flex;flex-direction:column;padding:2rem}.co_gaiwan_oak_html_dashboard__card_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1.5rem}.co_gaiwan_oak_html_dashboard__logout{margin-right:.75rem}.co_gaiwan_oak_html_dashboard__logout a{display:flex;align-items:center;text-align:center}.co_gaiwan_oak_html_dashboard__dash_header{padding:var(--size-8) var(--size-4);flex-grow:1;display:flex;flex-direction:column;align-items:stretch;gap:1rem;border-radius:var(--radius-3);box-shadow:var(--shadow-2);background-color:var(--bg-panel);color:var(--text-panel);margin-bottom:2rem;--bg-panel:rgba(255,255,255,20%);--text-heading:var(--oak-green-13);padding:var(--size-2)}.co_gaiwan_oak_html_dashboard__dash_header>*{margin-top:0;margin-bottom:0}.co_gaiwan_oak_html_dashboard__dash_header>div{display:flex;align-items:center;gap:1rem}.co_gaiwan_oak_html_dashboard__dash_header .user-details{margin:0;padding:0}.co_gaiwan_oak_html_dashboard__dash_header .push-right{margin-right:auto}.co_gaiwan_oak_html_dashboard__dash_header h2{margin-top:0;margin-bottom:.25rem;padding:0}.co_gaiwan_oak_html_dashboard__dash_header p{color:var(--gray-8);margin:0;padding:0}.co_gaiwan_oak_html_dashboard__security_header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.co_gaiwan_oak_html_dashboard__security_actions{display:flex;gap:1rem}.co_gaiwan_oak_html_dashboard__oauth_apps{margin-top:1rem}.co_gaiwan_oak_html_dashboard__oauth_apps>div{margin:0;padding:0}.co_gaiwan_oak_html_dashboard__oauth_apps .app-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:var(--gray-2)}.co_gaiwan_oak_html_dashboard__oauth_apps .app-info{display:flex;align-items:center;gap:1rem}.co_gaiwan_oak_html_dashboard__oauth_apps .app-info h4{margin-top:0;margin-bottom:0}.co_gaiwan_oak_html_dashboard__oauth_apps .app-info p{margin-top:0;margin-bottom:0}.co_gaiwan_oak_html_dashboard__oauth_apps .app-icon{display:flex;justify-content:center;align-items:center;width:2rem;height:2rem;border-radius:.4rem;background-color:var(--oak-green-3)}.co_gaiwan_oak_html_dashboard__oauth_apps .app-icon img{max-width:100%;height:auto}.co_gaiwan_oak_html_dashboard__oauth_apps .app-text-icon{width:2rem;justify-content:center;height:2rem;align-items:center;font-weight:bold;background-color:var(--oak-green-3);border-radius:.4rem;display:flex;color:var(--oak-green-9)}.co_gaiwan_oak_html_totp__totp_layout{display:flex;justify-content:center;align-items:center;min-height:100vh}.co_gaiwan_oak_html_totp__totp_layout p{text-align:center;margin-top:0}.co_gaiwan_oak_html_totp__qr_img{max-width:80%;margin:0 auto}