.page-header{width:100%;padding:15px 20px;color:#fff;border-radius:0 0 16px 16px}.page-header .header-content{display:flex;flex-direction:row;align-items:center;gap:12px}.page-header .icon{width:40px;height:40px;background-repeat:no-repeat;background-position:50%;background-size:contain;border-radius:12px}.page-header .ticket-icon{-webkit-mask:url(/static/img/envelope-icon.svg)no-repeat center;mask:url(/static/img/envelope-icon.svg)no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:#fff}.page-header .details{display:flex;flex-direction:column;gap:4px}.page-header .title{font-size:1.5rem;font-weight:700;margin:0}.page-header .subtitle{font-size:.9rem;font-weight:500;opacity:.9}.content-container{width:100%;min-height:calc(100vh - 150px);display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px}.tickets-controls{width:100%;max-width:800px;display:flex;flex-direction:column;gap:15px}.search-container{display:flex;gap:10px;width:100%}.search-input{flex:1;padding:12px 16px;border:2px solid #e0f1e9;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.search-input:focus{outline:none;border-color:var(--primary-blue)}.search-btn{padding:12px 20px;background-color:var(--primary-blue);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.search-btn img{width:20px;height:20px;filter:brightness(0)invert(1)}.search-btn:hover{background-color:#2d6a4f}.filter-tabs{display:flex;gap:10px;width:100%;border-bottom:2px solid #e0f1e9;padding-bottom:2px}.tab-btn{padding:10px 20px;background:0 0;border:none;color:#666;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;position:relative;bottom:-2px}.tab-btn:hover{color:var(--primary-blue)}.tab-btn.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue)}.create-ticket-btn{padding:12px 24px;background-color:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.create-ticket-btn img{width:18px;height:18px;filter:brightness(0)invert(1)}.create-ticket-btn:hover{background-color:#2d6a4f}.tickets-list{width:100%;max-width:800px;display:flex;flex-direction:column;gap:15px}.ticket-card{background:#fff;border:2px solid #e0f1e9;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:12px}.ticket-card:hover{border-color:var(--primary-blue);box-shadow:0 4px 12px rgba(61,131,97,.1);transform:translateY(-2px)}.ticket-card.resolved{opacity:.7;border-color:#d0d0d0}.ticket-card.unread{border-left:4px solid var(--primary-blue)}.ticket-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.ticket-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ticket-id{font-weight:700;color:var(--primary-blue);font-size:1rem}.ticket-category{padding:4px 12px;border-radius:16px;font-size:.85rem;font-weight:600;color:#fff}.category-support{background-color:var(--primary-blue)}.category-billing{background-color:#ff9800}.category-technical{background-color:#f44336}.category-feedback{background-color:#2196f3}.ticket-status{padding:4px 12px;border-radius:16px;font-size:.85rem;font-weight:600;background-color:var(--primary-blue-light);color:#fff}.ticket-status.resolved{background-color:#9e9e9e}.ticket-body{display:flex;flex-direction:column;gap:8px}.ticket-subject{font-size:1.1rem;font-weight:700;color:#333;margin:0}.ticket-excerpt{font-size:.95rem;color:#666;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.5}.ticket-footer{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid #e0f1e9;font-size:.85rem;color:#999;flex-wrap:wrap;gap:10px}.ticket-meta{display:flex;gap:15px;align-items:center}.plan-code,.message-count{display:flex;align-items:center;gap:5px}.plan-code img,.message-count img{width:16px;height:16px;opacity:.6}.empty-state{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{width:120px;height:120px;-webkit-mask:url(/static/img/envelope-icon.svg)no-repeat center;mask:url(/static/img/envelope-icon.svg)no-repeat center;-webkit-mask-size:contain;mask-size:contain;background-color:var(--primary-blue);opacity:.3;margin-bottom:20px}.empty-state .message{font-size:1.2rem;color:#666;margin-bottom:20px}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;padding:0;width:100%;max-width:600px;box-shadow:0 10px 40px rgba(0,0,0,.2)}.modal-header{padding:20px 24px;border-bottom:2px solid #e0f1e9;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;color:var(--primary-blue);font-size:1.5rem}.btn-close{width:32px;height:32px;border:none;background:0 0;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.btn-close img{width:24px;height:24px}.modal-body{padding:24px}.form-group{margin-bottom:10px}.form-group label{position:relative;display:block;margin-bottom:8px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e0f1e9;border-radius:8px;font-size:1rem;font-family:inherit;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue)}.form-group textarea{resize:vertical;min-height:100px}.modal-actions{display:flex;gap:10px;margin-top:20px}.btn-primary{flex:1;padding:12px 24px;background-color:var(--primary-blue);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .3s ease}.btn-primary:hover:not(:disabled){background-color:#2d6a4f}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{flex:1;padding:12px 24px;background-color:initial;color:var(--primary-blue);border:2px solid var(--primary-blue);border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background-color:var(--primary-blue);color:#fff}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.loader-container{width:100%;display:flex;justify-content:center;align-items:center;padding:60px 20px}.loader{border:4px solid #e0f1e9;border-top:4px solid var(--primary-blue);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media(max-width:768px){.page-header .title{font-size:1.2rem}.ticket-card{padding:15px}.modal-content{margin:0;max-height:100vh}.filter-tabs{overflow-x:auto;flex-wrap:nowrap}.tab-btn{white-space:nowrap;min-width:fit-content}}