@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@layer base,primevue,app;@layer base{:root{--primary-color: #3a99d8;--background-primary: var(--p-surface-200);--background-secondary: var(--p-surface-50);--background-tertiary: #fff;--text-primary: #333;--text-secondary: #555;--border-color: #dddddd;--header-text-color: #2c3e50;--h2-text-color: #34495e;--h2-border-color: #ecf0f1;--button-primary-bg: #246fa1;--button-primary-text: #ffffff;--button-primary-hover-bg: #328fce;--button-secondary-bg: #c9493b;--button-secondary-text: #ffffff;--button-secondary-hover-bg: #e25a4b;--input-background: #ffffff;--input-text: #000000;--input-border: #bdc3c7;--input-focus-border: #3498db;--input-focus-shadow: rgba(52, 152, 219, .25);--icon-btn-hover-bg: rgba(0, 0, 0, .1);--license-create-immersive-bg: var(--p-button-secondary-background);--license-create-immersive-hover-bg: var(--p-button-secondary-hover-background);--license-create-immersive-border: #00000021;--license-create-immersive-text: var(--p-button-secondary-color);--error-text-color: red;--p-content-background: var(--background-secondary);--p-button-secondary-background: var(--p-surface-200);--p-button-secondary-hover-background: var(--p-surface-300);--license-item-bg: #9b9b9b28;--license-item-border-color: #dce0e2;--license-item-name-text-color: #333333;--license-item-key-text-color: #555555;--license-item-status-active-bg: #3fa83f;--license-item-status-inactive-bg: #2c2c2c;--license-item-status-text-color: white;--license-item-inactive-opacity: .7;--license-item-inactive-bg: #c0c0c0c9}html.dark-mode{--background-primary: var(--p-surface-900);--background-secondary: var(--p-surface-800);--background-tertiary: var(--p-surface-700);--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--border-color: #444444;--header-text-color: #c8d6e5;--h2-text-color: #b2bec3;--h2-border-color: #3a3f44;--button-primary-bg: #3a99d8;--button-primary-text: #ffffff;--button-primary-hover-bg: #5aaef3;--button-secondary-bg: #e74c3c;--button-secondary-text: #ffffff;--button-secondary-hover-bg: #ff6b5a;--input-background: #3a3f44;--input-text: #e0e0e0;--input-border: #55595c;--input-focus-border: #3a99d8;--input-focus-shadow: rgba(58, 153, 216, .3);--icon-btn-hover-bg: rgba(255, 255, 255, .1);--license-create-immersive-border: #ffffff21;--license-create-immersive-text: #e0e0e0;--error-text-color: #ff6b6b;--p-button-secondary-background: var(--p-surface-700);--p-button-secondary-hover-background: var(--p-surface-600);--p-form-field-background: var(--p-surface-900);--license-item-bg: #3a3f4480;--license-item-border-color: #444444;--license-item-name-text-color: #e0e0e0;--license-item-key-text-color: #b0b0b0;--license-item-status-active-bg: #4CAF50;--license-item-status-inactive-bg: #55595c;--license-item-status-text-color: white;--license-item-inactive-bg: #3a3f4480}}@layer base{.roboto-font{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-variation-settings:"wdth" 100}body{font-family:Roboto,Segoe UI,Tahoma,Verdana,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;background-color:var(--background-primary);color:var(--text-primary);margin:0;padding:0;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;transition:background-color .3s ease,color .3s ease}#app{width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}}@layer app{.container{width:100%;max-width:800px;box-sizing:border-box}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--border-color);margin-bottom:20px}header h1{margin:0}h1{text-align:center;color:var(--header-text-color);margin-bottom:30px}h2{color:var(--h2-text-color);border-bottom:2px solid var(--h2-border-color);padding-bottom:10px;margin-top:0}.card{background-color:var(--background-secondary);padding:25px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px}.input-field{width:100%;padding:10px;margin-bottom:15px;border:1px solid var(--input-border);border-radius:8px;box-sizing:border-box;font-size:16px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;background-color:var(--input-background);color:var(--input-text)}.select-field:focus,.input-field:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--input-focus-shadow);outline:none}.select-field{padding:10px;margin-bottom:15px;border-radius:8px;background-color:var(--input-background);color:var(--input-text);border:1px solid var(--input-border);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.form{margin:0}.primary-btn{background-color:var(--button-primary-bg);color:var(--button-primary-text);display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .2s ease-in-out;margin:5px 0}.primary-btn:hover{background-color:var(--button-primary-hover-bg)}.primary-btn svg{width:16px;height:16px;margin-right:10px;display:inline-block;vertical-align:middle;fill:var(--button-primary-text)}.secondary-btn{background-color:var(--button-secondary-bg);color:var(--button-secondary-text);display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border:none;border-radius:8px;cursor:pointer;font-size:16px;transition:background-color .2s ease-in-out;margin:5px 0}.secondary-btn:hover{background-color:var(--button-secondary-hover-bg)}.secondary-btn svg{width:16px;height:16px;margin-right:10px;display:inline-block;vertical-align:middle;fill:var(--button-secondary-text)}.manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.manager-header h2{margin-bottom:0;border-bottom:none}.user-info{display:flex;align-items:center;font-size:.9em;color:var(--text-secondary)}.user-info strong{color:var(--text-primary)}.user-info button{margin-left:10px}.icon-btn{background:none;border:none;padding:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease-in-out}.icon-btn:hover{background-color:var(--icon-btn-hover-bg)}.icon-btn img,.icon-btn svg{width:18px;height:18px;display:block;fill:var(--text-primary)}.license-list{list-style-type:none;padding:0;margin-block-start:1em;margin-block-end:1em}.license-create-button-immersive{width:100%;height:65px;margin:0;padding:12px;border-radius:4px;background-color:var(--license-create-immersive-bg);border:var(--license-create-immersive-border) 2px dotted;display:flex;justify-content:center;align-items:center;color:var(--license-create-immersive-text);font-size:16px;transition:background-color .2s ease-in-out}.license-create-button-immersive svg{width:16px;height:16px;margin-right:8px;fill:var(--license-create-immersive-text)}.license-create-button-immersive:hover{background-color:var(--license-create-immersive-hover-bg);cursor:pointer;border:none}.paragraph-centered{text-align:center}.error-message,.error-message-lowmargin{color:var(--error-text-color);font-size:1em}.error-message-lowmargin{margin-top:-10px;margin-bottom:10px}.p-inputtext{min-height:40px}.p-button svg{width:16px;height:16px;display:inline-block;vertical-align:middle;fill:var(--p-button-primary-color)}.p-button-danger svg{fill:var(--p-button-danger-color)}}.modal-instance-wrapper[data-v-040eb021]{position:absolute;top:0;left:0;width:100%;height:100%}.fade-list-enter-active[data-v-040eb021],.fade-list-leave-active[data-v-040eb021]{transition:opacity .3s ease}.fade-list-enter-from[data-v-040eb021],.fade-list-leave-to[data-v-040eb021]{opacity:0}