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