*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#f0f2f5;color:#1a1a1a}.container{max-width:1400px;margin:0 auto;padding:20px}header{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}header h1{font-size:24px;color:#1a1a1a}.user-info{display:flex;gap:15px;align-items:center}.user-name{font-weight:600;color:#1976d2}.user-name.clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-name.clickable:hover{text-decoration:underline}.logout-btn{padding:8px 15px;background:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px}.logout-btn:hover{background:#c82333}.badge{background:#e3f2fd;color:#1976d2;padding:5px 10px;border-radius:20px;font-size:14px;font-weight:500}.notifications-panel{position:fixed;top:20px;right:20px;width:300px;z-index:1000}.notification{background:#333;color:#fff;padding:12px 15px;border-radius:5px;margin-bottom:10px;animation:slideIn .3s ease;box-shadow:0 3px 10px #0003}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.stats-panel{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.stats-panel h3{margin-bottom:15px;color:#666}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.stat-item{display:flex;justify-content:space-between;padding:10px;background:#f8f9fa;border-radius:5px}.stat-label{color:#666}.stat-value{font-weight:700;color:#1a1a1a}.create-order{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.create-order h3{margin-bottom:15px;color:#666}#orderForm{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:15px}#orderForm input,#orderForm select{padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}#orderForm button{padding:10px;background:#1976d2;color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:500;transition:background .2s}#orderForm button:hover{background:#1565c0}.order-book{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.order-column{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.order-column h2{padding:15px;margin:0;font-size:18px;font-weight:600}.buy-header{background:#e8f5e9;color:#2e7d32;border-bottom:2px solid #2e7d32}.sell-header{background:#ffebee;color:#c62828;border-bottom:2px solid #c62828}.order-list{padding:8px;max-height:750px;overflow-y:auto}.order-item{padding:6px 10px;border:1px solid #eee;border-radius:4px;margin-bottom:4px;position:relative;transition:box-shadow .15s}.order-item:hover{box-shadow:0 2px 8px #0000001f}.order-main-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;flex-wrap:wrap}.order-main-row>div{min-width:calc(20% - 10px)}.order-user{font-weight:600;color:#333;min-width:80px}.order-user.order-user-link{cursor:pointer}.order-user.order-user-link:hover{color:#1976d2;text-decoration:underline}.order-org{font-weight:400;color:#888;font-size:11px}.order-amount{font-weight:700;color:#1976d2;min-width:80px;margin-left:auto}.order-price{color:#333;min-width:70px}.order-time{font-size:11px;color:#999}.order-actions{display:flex;gap:4px;align-items:center;min-width:0!important;width:60px}.order-item.buy{background:#f1f8e9;border-left:4px solid #4caf50}.order-item.sell{background:#fff3e0;border-left:4px solid #f44336}.order-item.reserved{opacity:.7;background:#fff3e0;border-left-color:#ff9800}.reserved-badge{display:inline-block;background:#ff9800;color:#fff;padding:2px 8px;border-radius:3px;font-size:11px;margin-left:10px}.order-item .header{display:flex;justify-content:space-between;margin-bottom:10px;font-size:14px;flex-wrap:wrap;gap:8px}.order-item .user{font-weight:600;color:#333}.order-item .organization{color:#666;font-size:12px}.order-item .amount{font-size:16px;font-weight:600}.order-item .price{font-size:18px;font-weight:700;color:#1976d2;margin:5px 0}.order-item .remaining{font-size:12px;color:#f57c00}.order-item .expires{font-size:11px;color:#999;margin-top:5px}.deals-panel{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.deals-panel h3{margin-bottom:15px;color:#666}.deals-list{max-height:200px;overflow-y:auto;margin-top:15px}.deal-item{display:grid;grid-template-columns:auto 1fr auto auto;gap:15px;padding:10px;border-bottom:1px solid #eee;font-size:14px}.deal-item .time{color:#999}.deal-item .amount{font-weight:700;color:#1976d2}.chat-panel{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.chat-panel h3{margin-bottom:15px;color:#666}.chat-messages{max-height:300px;overflow-y:auto;margin-bottom:15px;padding:10px;background:#f8f9fa;border-radius:5px}.chat-message{margin-bottom:10px;padding:8px;background:#fff;border-radius:5px;box-shadow:0 1px 2px #0000001a}.chat-message .user{font-weight:700;color:#1976d2;margin-right:10px}.chat-message .time{font-size:11px;color:#999}.chat-message .text{margin-top:5px;color:#333}.chat-input{display:flex;gap:10px}.chat-input input{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}.chat-input input:focus{outline:none;border-color:#1976d2}.chat-input button{padding:10px 14px;background:#1976d2;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;flex-shrink:0}.chat-input button:hover{background:#1565c0}.btn-chats{position:fixed;bottom:20px;left:20px;padding:12px 20px;background:#1976d2;color:#fff;border:none;border-radius:25px;cursor:pointer;font-weight:500;box-shadow:0 2px 10px #0003;z-index:1000;transition:all .3s}.btn-chats:hover{background:#1565c0;transform:translateY(-2px)}.unread-badge{background:#f44336;color:#fff;border-radius:50%;padding:2px 6px;font-size:12px;margin-left:8px;display:inline-block}.order-actions button{padding:3px 7px;font-size:13px;border:none;border-radius:3px;cursor:pointer;white-space:nowrap}.order-actions .btn-profile{background:#9c27b0;color:#fff}.order-actions .btn-message{background:#1976d2;color:#fff}.order-actions .btn-edit{background:#ff9800;color:#fff}.order-actions .btn-delete{background:#f44336;color:#fff}.order-actions .btn-make-order{background:#ff9800;color:#fff;font-size:12px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;display:flex;justify-content:center;align-items:center}.modal-content{background:#fff;border-radius:10px;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 5px 20px #0000004d}.modal-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header .close{font-size:28px;cursor:pointer;color:#999;line-height:1}.modal-header .close:hover{color:#333}.chat-list-item{padding:15px;border-bottom:1px solid #eee;cursor:pointer;transition:background .2s}.chat-list-item:hover{background:#f5f5f5}.chat-list-item.unread{background:#e3f2fd}.chat-list-item .deal-info{display:flex;justify-content:space-between;margin-bottom:5px}.chat-list-item .partner{font-weight:600;color:#1976d2}.chat-list-item .amount{color:#4caf50}.chat-list-item .last-message{font-size:12px;color:#666;margin-top:5px}.modal-body-scroll{max-height:500px;overflow-y:auto}.modal-body-flex{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.private-chat-messages{flex:1;overflow-y:auto;padding:15px;background:#f8f9fa;min-height:0}.private-chat-message{margin-bottom:15px;padding:10px;border-radius:10px;max-width:80%}.private-chat-message.my-message{background:#1976d2;color:#fff;margin-left:auto;text-align:right}.private-chat-message.other-message{background:#fff;border:1px solid #ddd}.private-chat-message .message-header{display:flex;gap:10px;align-items:baseline;font-size:12px;margin-bottom:5px}.private-chat-input{display:flex;gap:10px;padding:15px;border-top:1px solid #eee}.private-chat-input input{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px}.private-chat-input button{padding:10px 20px;background:#1976d2;color:#fff;border:none;border-radius:5px;cursor:pointer}.header-buttons{display:flex;gap:10px;flex-wrap:wrap}.nav-btn{padding:8px 15px;background:#1976d2;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s}.nav-btn:hover{background:#1565c0}.unread-badge-header{background:#f44336;color:#fff;border-radius:50%;padding:2px 6px;font-size:11px;margin-left:8px}.btn-message{flex:1;padding:8px 12px;background:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:12px;transition:background .3s}.btn-message:hover{background:#388e3c}.btn-edit{flex:1;padding:8px 12px;background:#2196f3;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:12px;transition:background .3s}.btn-edit:hover{background:#1976d2}.btn-delete{flex:1;padding:8px 12px;background:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:12px;transition:background .3s}.btn-delete:hover{background:#d32f2f}.btn-confirm{flex:1;padding:8px 12px;background:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:12px;transition:background .3s}.btn-confirm:hover{background:#388e3c}.btn-cancel{flex:1;padding:8px 12px;background:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:12px;transition:background .3s}.btn-cancel:hover{background:#d32f2f}.admin-user-item{padding:15px;border-bottom:1px solid #eee}.admin-user-item:last-child{border-bottom:none}.reservation-panel{position:fixed;bottom:20px;right:20px;width:350px;z-index:1001;animation:slideUp .3s ease}.reservation-card{background:#fff;border-radius:10px;padding:15px;box-shadow:0 5px 20px #0003;border-left:4px solid #ff9800}.reservation-actions{display:flex;gap:10px;margin-top:15px}.reservation-timer{margin-top:10px;text-align:center;font-size:14px;color:#f57c00;font-weight:600}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.main-content-area{display:flex;gap:16px;align-items:flex-start}.main-left{flex:1;min-width:0}.main-chat-sidebar{width:280px;flex-shrink:0;position:sticky;top:16px;display:flex;flex-direction:column;max-height:calc(100vh - 120px)}.main-chat-sidebar .chat-messages{flex:1;max-height:none;min-height:0;overflow-y:auto}.main-chat-sidebar.chat-panel{display:flex;flex-direction:column;height:calc(100vh - 120px);padding:12px}.main-chat-sidebar .chat-panel{display:flex;flex-direction:column;flex:1}.main-chat-sidebar.chat-panel{overflow:hidden;height:calc(100vh - 140px)}