:root{--ugap-red: #d20a11;--ugap-red-dark: #a80009;--ugap-blue: #007feb;--ugap-blue-dark: #006ecf;--ugap-dark: #212121;--ugap-grey-700: #484848;--ugap-grey-600: #707070;--ugap-grey-500: #999;--ugap-grey-400: #e0e0e0;--ugap-grey-200: #f5f5f5;--ugap-grey-100: #eeeeee;--ugap-white: #ffffff;--ugap-radius-sm: .4rem;--ugap-radius: 1.2rem;--ugap-radius-lg: 1.6rem;--ugap-radius-xl: 2.4rem;--ugap-shadow: 0 1px 4px rgba(33, 33, 33, .12)}*,*:before,*:after{box-sizing:border-box}body{font-family:Barlow,Barlow Condensed,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5;margin:0;background-color:var(--ugap-grey-200);color:var(--ugap-dark);min-height:100vh}h1,h2,h3,h4{margin:0;font-weight:600;color:var(--ugap-dark)}p{margin:0;color:var(--ugap-grey-700)}.app{display:flex;flex-direction:column;min-height:100vh}header{background-color:var(--ugap-white);border-bottom:1px solid var(--ugap-grey-400);box-shadow:var(--ugap-shadow);position:sticky;top:0;z-index:100}.header-top-bar{height:4px;background-color:var(--ugap-red);width:100%}.header-content{margin:0 auto;padding:14px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.header-brand{display:flex;align-items:center;gap:16px}.ugap-logo{display:flex;align-items:center;justify-content:center;background-color:var(--ugap-red);border-radius:var(--ugap-radius-sm);padding:6px 12px;flex-shrink:0}.ugap-logo-text{color:var(--ugap-white);font-size:1.5rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.header-title-block h1{font-size:1.1rem;font-weight:600;color:var(--ugap-dark)}.header-subtitle{font-size:.8rem;color:var(--ugap-grey-600);margin-top:2px}.user-info{display:flex;align-items:center;gap:12px}.user-badge{display:flex;align-items:center;gap:6px;background-color:var(--ugap-grey-200);border:1px solid var(--ugap-grey-400);border-radius:var(--ugap-radius);padding:6px 12px}.user-icon{font-size:1rem}.username{font-size:.85rem;font-weight:500;color:var(--ugap-dark)}.logout-btn{padding:8px 16px;background-color:var(--ugap-white);color:var(--ugap-red);border:1.5px solid var(--ugap-red);border-radius:var(--ugap-radius);cursor:pointer;font-size:.85rem;font-weight:500;transition:background-color .2s,color .2s}.logout-btn:hover{background-color:var(--ugap-red);color:var(--ugap-white)}.main-content{width:100%;margin:24px auto;padding:0 24px;flex:1}.status-message{display:flex;align-items:center;gap:12px;background:var(--ugap-white);border:1px solid var(--ugap-grey-400);border-radius:var(--ugap-radius);padding:24px;color:var(--ugap-grey-600)}.loading-spinner{width:20px;height:20px;border:2px solid var(--ugap-grey-400);border-top-color:var(--ugap-red);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.alert-error{display:flex;align-items:center;gap:10px;background-color:#feefef;border:1px solid rgba(210,10,17,.25);border-radius:var(--ugap-radius);padding:16px 20px}.alert-icon{font-size:1.2rem}.error{color:var(--ugap-red);font-weight:500}.software-list-widget{background:var(--ugap-white);border:1px solid var(--ugap-grey-400);border-radius:var(--ugap-radius-lg);box-shadow:var(--ugap-shadow);overflow:hidden}.widget-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:20px 24px 16px;border-bottom:1px solid var(--ugap-grey-400);background-color:var(--ugap-grey-200)}.widget-header h2{font-size:1.15rem;font-weight:600;color:var(--ugap-dark)}.widget-badge{display:inline-block;background-color:#f1e8f7;color:#8e5199;border:1px solid #d9c5e8;border-radius:2rem;padding:3px 12px;font-size:.75rem;font-weight:500}.ugap-buttons{display:flex;gap:10px;align-items:center;padding:16px 24px 0}.ugap-token-input{flex:1;padding:10px 14px;font-size:.875rem;border:1.5px solid var(--ugap-grey-400);border-radius:var(--ugap-radius);outline:none;transition:border-color .2s;background-color:var(--ugap-white);color:var(--ugap-dark)}.ugap-token-input:focus{border-color:var(--ugap-blue)}.ugap-token-input::placeholder{color:var(--ugap-grey-500)}.ugap-token-btn{padding:10px 18px;background-color:var(--ugap-red);color:var(--ugap-white);border:none;border-radius:var(--ugap-radius);cursor:pointer;font-size:.875rem;font-weight:500;transition:background-color .2s;white-space:nowrap}.ugap-token-btn:hover{background-color:var(--ugap-red-dark)}.search-bar{padding:16px 24px 0}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;font-size:.9rem;pointer-events:none;color:var(--ugap-grey-600)}.search-input{width:100%;padding:10px 14px 10px 38px;font-size:.875rem;border:1.5px solid var(--ugap-grey-400);border-radius:var(--ugap-radius);outline:none;transition:border-color .2s;background-color:var(--ugap-white);color:var(--ugap-dark)}.search-input:focus{border-color:var(--ugap-blue)}.search-input::placeholder{color:var(--ugap-grey-500)}.divider{height:1px;background-color:var(--ugap-grey-400);margin:16px 0 0}.software-list-widget iframe{display:block;width:100%;border:none}