.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000)}.navbar{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.navbar-brand h1{font-size:20px;font-weight:600;margin:0}.navbar-menu{display:flex;gap:16px}.navbar-menu a{color:var(--tg-theme-button-text-color, #ffffff);text-decoration:none;padding:6px 12px;border-radius:6px;transition:background-color .2s;font-size:14px}.navbar-menu a:hover{background-color:#ffffff1a}.navbar-menu a.active{background-color:#fff3;font-weight:600}.main-content{flex:1;padding:16px;max-width:1200px;width:100%;margin:0 auto}@media (max-width: 768px){.navbar{flex-direction:column;gap:12px}.navbar-menu{width:100%;justify-content:space-around}.main-content{padding:12px}}.dashboard{max-width:100%}.dashboard h2{margin-bottom:24px;color:var(--tg-theme-text-color, #000000)}.loading{text-align:center;padding:40px;font-size:18px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 4px #0000001a}.stat-icon{font-size:32px}.stat-info{flex:1}.stat-value{font-size:24px;font-weight:600;color:var(--tg-theme-text-color, #000000)}.stat-label{font-size:14px;color:var(--tg-theme-hint-color, #999999);margin-top:4px}.stat-link{color:var(--tg-theme-button-color, #2481cc);text-decoration:none;font-size:14px;font-weight:500}.quick-actions{margin-top:32px}.quick-actions h3{margin-bottom:16px;color:var(--tg-theme-text-color, #000000)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.action-card{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);border-radius:12px;padding:20px;text-align:center;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.action-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.action-icon{font-size:32px}.action-text{font-size:14px;font-weight:500}.users-page{max-width:100%}.pending-requests{margin-bottom:32px}.pending-requests h3{margin-bottom:16px;color:var(--tg-theme-text-color, #000000)}.requests-list{display:flex;flex-direction:column;gap:12px}.request-card{background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:16px}.request-info{flex:1}.request-name{font-weight:600;font-size:16px;margin-bottom:4px}.request-username{color:var(--tg-theme-hint-color, #999999);font-size:14px;margin-bottom:4px}.request-date{color:var(--tg-theme-hint-color, #999999);font-size:12px}.request-actions{display:flex;gap:8px}.btn-approve,.btn-deny{padding:8px 16px;border-radius:6px;border:none;font-size:14px;cursor:pointer;transition:opacity .2s}.btn-approve{background:#4caf50;color:#fff}.btn-deny{background:#f44336;color:#fff}.btn-approve:hover,.btn-deny:hover{opacity:.8}.users-list h3{margin-bottom:16px;color:var(--tg-theme-text-color, #000000)}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.user-card{background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.user-info{flex:1}.user-name{font-weight:600;font-size:16px;margin-bottom:4px}.user-username{color:var(--tg-theme-hint-color, #999999);font-size:14px;margin-bottom:4px}.user-role{font-size:14px;margin-bottom:4px}.user-date{color:var(--tg-theme-hint-color, #999999);font-size:12px}.user-actions{display:flex;gap:8px;flex-wrap:wrap}.user-details-page{max-width:100%}.user-details{display:flex;flex-direction:column;gap:24px}.detail-item span{color:var(--tg-theme-text-color, #000000)}.role-selector{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.role-option{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;cursor:pointer;transition:background-color .2s}.role-option:hover{background:var(--tg-theme-secondary-bg-color, #f0f0f0)}.role-option input[type=radio]{cursor:pointer}.btn-save{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:16px;font-weight:500;width:100%;transition:opacity .2s}.salons-page{max-width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.btn-primary{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:500;transition:background-color .2s}.btn-primary:hover{background:var(--tg-theme-button-color, #1e6aa8)}.loading,.empty-state{text-align:center;padding:40px;color:var(--tg-theme-hint-color, #999999)}.salons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.salon-card{background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.salon-info{flex:1}.salon-name{font-weight:600;font-size:18px;margin-bottom:12px}.salon-details{display:flex;flex-direction:column;gap:8px}.salon-detail{display:flex;justify-content:space-between;font-size:14px}.detail-label{color:var(--tg-theme-hint-color, #999999);font-weight:500}.status-active{color:#4caf50;font-weight:500}.status-inactive{color:#f44336;font-weight:500}.salon-actions{display:flex;gap:8px;flex-wrap:wrap}.btn-edit,.btn-delete{flex:1;padding:8px 12px;border-radius:6px;border:none;font-size:14px;cursor:pointer;text-decoration:none;text-align:center;transition:opacity .2s}.btn-edit{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff)}.btn-delete{background:#f44336;color:#fff}.btn-edit:hover,.btn-delete:hover{opacity:.8}.salon-details-page{max-width:100%}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.btn-back{background:var(--tg-theme-secondary-bg-color, #f0f0f0);color:var(--tg-theme-text-color, #000000);padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-size:14px}.btn-back:hover{background:var(--tg-theme-hint-color, #999999);color:#fff}.loading,.error{text-align:center;padding:40px}.error{color:#f44336}.salon-details{display:flex;flex-direction:column;gap:24px}.detail-section{background:var(--tg-theme-secondary-bg-color, #f0f0f0);border-radius:12px;padding:20px}.detail-section h3{margin:0 0 16px;color:var(--tg-theme-text-color, #000000)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--tg-theme-text-color, #000000)}.form-group input[type=text],.form-group input[type=url]{width:100%;padding:10px 12px;border:1px solid var(--tg-theme-hint-color, #cccccc);border-radius:6px;font-size:14px;background:#fff;color:var(--tg-theme-text-color, #000000)}.form-group input[type=checkbox]{margin-right:8px;cursor:pointer}.form-group label span{cursor:pointer}.detail-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.1)}.detail-item:last-child{border-bottom:none}.detail-item label{font-weight:500;color:var(--tg-theme-hint-color, #999999)}.detail-item span{color:var(--tg-theme-text-color, #000000);word-break:break-all}.btn-save{background:var(--tg-theme-button-color, #2481cc);color:var(--tg-theme-button-text-color, #ffffff);padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:16px;font-weight:500;width:100%;transition:opacity .2s;margin-top:8px}.btn-save:hover:not(:disabled){opacity:.8}.btn-save:disabled{opacity:.5;cursor:not-allowed}.danger-zone{background:#ffebee;border-radius:12px;padding:20px;border:2px solid #f44336}.danger-zone h3{margin:0 0 16px;color:#f44336}.btn-delete{background:#f44336;color:#fff;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-size:16px;font-weight:500;width:100%;transition:opacity .2s}.btn-delete:hover{opacity:.8}.salon-assignments-page{padding:20px}.supervisor-rtt-page{padding:20px}.form-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.assignments-list{margin-top:20px}.sales-tables-page{padding:20px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.page-header h2{margin:0}.header-actions{display:flex;gap:10px}.assign-form{background:#f5f5f5;padding:20px;border-radius:8px;margin-bottom:20px}.assign-form h3{margin-top:0}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input,.form-group select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.tables-section,.assignments-section{margin-top:30px}.assignments-table{width:100%;border-collapse:collapse;margin-top:10px}.assignments-table th,.assignments-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.assignments-table th{background-color:#f5f5f5;font-weight:600}.assignments-table a{color:#007bff;text-decoration:none}.assignments-table a:hover{text-decoration:underline}.empty-state{text-align:center;padding:40px;color:#999}.btn{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:hover{background-color:#c82333}.btn-sm{padding:4px 8px;font-size:12px}.loading{text-align:center;padding:40px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #000000)}#root{min-height:100vh}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}