@use "@angular/material" as mat;html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;background:linear-gradient(135deg,#87ceeb,#b0e0e6,#add8e6);min-height:100vh}.mat-toolbar.mat-primary{position:sticky;top:0;z-index:1000;background:#ffffff4d!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.4);box-shadow:0 4px 30px #0000001a}.sidenav-container{height:calc(100vh - 64px)}.sidenav{width:250px;background:#ffffff40!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-right:1px solid rgba(255,255,255,.4);box-shadow:4px 0 30px #0000001a}.sidenav button{color:#1a5276!important;font-weight:600}.sidenav button:hover{background:#87ceeb4d!important}.content{padding:20px;background:transparent;min-height:calc(100vh - 64px)}.active-link{background:#87ceeb66!important;border-left:3px solid #2980b9}mat-card{background:#ffffff59!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #0000001a!important;border-radius:16px!important}.mat-mdc-raised-button.mat-primary{background:linear-gradient(180deg,#3498db,#2980b9)!important;border:1px solid #1a5276;box-shadow:0 4px 15px #3498db66!important;color:#fff!important}.mat-mdc-raised-button.mat-primary:hover{background:linear-gradient(180deg,#5dade2,#3498db)!important}.mat-mdc-raised-button.mat-accent{background:linear-gradient(180deg,#85c1e9,#5dade2)!important;border:1px solid #2980b9;box-shadow:0 4px 15px #5dade266!important;color:#1a5276!important}.mat-mdc-table{background:#ffffff59!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:16px;overflow:hidden}.mat-mdc-header-cell{background:linear-gradient(180deg,#3498db,#2980b9)!important;color:#fff!important;font-weight:600;border-bottom:1px solid #1a5276}.mat-mdc-cell{color:#1a5276!important;border-bottom:1px solid rgba(41,128,185,.2)!important;background:#fff3}.mat-mdc-row:hover{background:#87ceeb33!important}input,select{background:#ffffff80!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(41,128,185,.3)!important;border-radius:8px!important;padding:10px 12px;color:#1a5276!important;box-shadow:inset 0 2px 4px #0000001a!important}input::placeholder{color:#1a527680!important}input:focus,select:focus{outline:none;border-color:#3498db!important;box-shadow:0 0 10px #3498db4d,inset 0 2px 4px #0000001a!important}select option{background:#87ceeb;color:#1a5276}.login-card{background:#fff6!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #00000026!important;border-radius:20px!important}.login-card h1{color:#1a5276!important;font-weight:700}.form-group label{color:#1a5276!important;font-weight:600}.form-group input{color:#1a5276!important}.modal-content{background:#ffffff73!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #00000026!important;border-radius:20px!important}.modal-header{background:linear-gradient(180deg,#3498db,#2980b9)!important;border-radius:20px 20px 0 0!important;border-bottom:1px solid #1a5276}.modal-header h2{color:#fff!important;margin:0!important}.modal-header button{color:#fff!important}.user-info{color:#1a5276!important}.user-info p{border-bottom:1px solid rgba(41,128,185,.2)}.create-form{background:#ffffff59!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:16px}.create-form h3{color:#1a5276!important;font-weight:600}.roles-panel,.company-row{background:#ffffff4d!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.5);border-radius:12px;color:#1a5276}.company-name{color:#1a5276;font-weight:500}h1,h2,h3,h4{color:#1a5276!important;font-weight:600}button[color=warn]{color:#c0392b!important}.error{color:#c0392b!important;font-weight:600}.mat-mdc-paginator{background:#ffffff4d!important;color:#1a5276!important}.mat-mdc-select-value-text{color:#1a5276!important}.add-company h4{color:#1a5276!important;font-weight:600}.add-company-form select{background:#ffffff80!important;border:1px solid rgba(41,128,185,.3)!important;color:#1a5276!important}label{color:#1a5276!important}