html,body,#root{width:100%;min-height:100vh}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}:root{--pink: #d62e6e;--green: #3dd598;--blue: #1e90ff;--purple: #9c27b0;--orange: #ff6b4a;--beige: #f5f3f0;--dark: #1a1a2e;--light: #f8f9fa;--white: #fff}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--beige);color:#333;min-height:100vh}.magic-header{background:var(--white);padding:0 30px;height:65px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:3px solid var(--pink)}.nav-item:hover{background:var(--light)}.nav-item.active{background:var(--pink);color:var(--white)}.user-info .role{padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase;color:var(--white);background:var(--pink)}.user-info .role.admin{background:var(--green)}.user-info .role.developer{background:var(--blue)}.user-info .role.client{background:var(--purple)}.header-btn{padding:8px 14px;border-radius:6px;font-size:12px;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--beige)}.spinner{width:40px;height:40px;border:4px solid #ddd;border-top-color:var(--pink);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--dark) 0%,#2d2d44 100%)}.login-card{background:var(--white);padding:40px;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:30px}.login-header img{height:50px;margin-bottom:15px}.login-header h1{font-size:1.5rem;color:var(--dark)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#555}.form-group input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--pink)}.btn-login{width:100%;padding:14px;background:var(--pink);color:var(--white);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.btn-login:hover{background:#c22960}.error-message{background:#fee;color:#c00;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;text-align:center}.app{min-height:100vh}.main-content{margin-top:65px;padding:40px 50px;max-width:1400px;margin-left:auto;margin-right:auto}.main-content.fullscreen{padding:0;max-width:none}.projects-view h1{font-size:2rem;margin-bottom:10px}.subtitle{color:#666;margin-bottom:30px}.section-title{font-size:1.3rem;color:var(--pink);margin:30px 0 20px;display:flex;align-items:center;gap:10px}.section-title i{font-size:1.1rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.project-card{background:var(--white);border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d;cursor:pointer;transition:all .3s}.project-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.project-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--pink),var(--purple));border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:20px;margin-bottom:15px}.project-icon.ecommerce{background:linear-gradient(135deg,var(--green),var(--blue))}.project-icon.large{width:70px;height:70px;font-size:28px}.project-card h3{font-size:1.1rem;margin-bottom:8px}.project-card p{color:#666;font-size:14px;line-height:1.5}.no-projects{text-align:center;padding:60px 20px;color:#888}.no-projects i{font-size:4rem;margin-bottom:20px;opacity:.5}.project-detail{max-width:1000px}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--white);border:1px solid #ddd;border-radius:8px;font-size:14px;cursor:pointer;margin-bottom:30px;transition:all .2s}.back-btn:hover{background:var(--light);border-color:var(--pink);color:var(--pink)}.project-header{display:flex;align-items:center;gap:20px;margin-bottom:40px}.project-header h1{font-size:1.8rem;margin-bottom:5px}.project-header p{color:#666}.project-sections{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.section-card{background:var(--white);border-radius:12px;padding:30px;text-align:center;box-shadow:0 2px 10px #0000000d;cursor:pointer;transition:all .3s}.section-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.section-card i{font-size:2.5rem;color:var(--pink);margin-bottom:15px}.section-card h3{font-size:1.2rem;margin-bottom:8px}.section-card p{color:#666;font-size:14px}.admin-view h1{font-size:1.8rem;margin-bottom:10px;display:flex;align-items:center;gap:12px}.admin-view h1 i{color:var(--green)}.users-table{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d;margin-top:30px}.users-table table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:15px 20px;text-align:left;border-bottom:1px solid #eee}.users-table th{background:var(--light);font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:#555}.users-table tr:last-child td{border-bottom:none}.role-badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--white);background:var(--pink)}.role-badge.admin{background:var(--green)}.role-badge.developer{background:var(--blue)}.role-badge.client{background:var(--purple)}.access-tags{display:flex;flex-wrap:wrap;gap:6px}.access-tag{background:var(--light);padding:4px 10px;border-radius:4px;font-size:12px;color:#555}.no-access{color:#999;font-style:italic;font-size:13px}.btn-edit{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--blue);color:var(--white);border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:background .2s}.btn-edit:hover{background:#1a7ad9}.documentation-layout{display:flex;min-height:calc(100vh - 65px);position:relative}.mobile-sidebar-toggle{display:none;position:fixed;top:75px;left:10px;z-index:1001;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--pink),var(--purple));color:#fff;border:none;cursor:pointer;align-items:center;justify-content:center;font-size:18px;box-shadow:0 4px 15px #d62e6e4d;transition:all .3s ease}.mobile-sidebar-toggle:hover{transform:scale(1.1)}.mobile-sidebar-toggle:active{transform:scale(.95)}.mobile-sidebar-overlay{display:none;position:fixed;inset:65px 0 0;background:#0006;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--light);border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:12px;cursor:pointer;transition:all .2s;margin-left:auto}.share-btn:hover{background:var(--pink);color:#fff;border-color:var(--pink)}.share-btn.copied{background:#28a745;color:#fff;border-color:#28a745}.share-btn i{font-size:11px}.doc-sidebar{width:280px;background:var(--white);border-right:1px solid #e0e0e0;padding:20px 0;position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto}.sidebar-section{padding:0 15px}.sidebar-title{font-size:11px;text-transform:uppercase;color:#888;font-weight:600;letter-spacing:1px;margin-bottom:15px;padding:0 5px}.category-header{display:flex;align-items:center;gap:10px;padding:10px;color:#555;font-size:14px;cursor:pointer;border-radius:6px;transition:all .2s}.category-header .cat-icon{width:20px;text-align:center}.category-header .count{background:var(--light);padding:2px 8px;border-radius:10px;font-size:11px;margin-left:auto}.category-header .chevron{font-size:10px;transition:transform .2s;color:#888}.category-docs{padding-left:10px;margin-bottom:10px}.doc-link{display:flex;align-items:center;gap:8px;padding:8px 10px;color:#666;font-size:13px;cursor:pointer;border-radius:4px;transition:all .2s}.doc-link:hover{background:var(--light);color:var(--pink)}.doc-link.active{background:#d62e6e1a;color:var(--pink)}.doc-link i{font-size:12px;opacity:.7}.doc-main{flex:1;padding:40px 50px;max-width:900px}.doc-welcome h1{font-size:2rem;margin-bottom:15px}.doc-welcome p{color:#666;margin-bottom:40px}.doc-welcome .doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;text-align:left}.doc-welcome .doc-card{background:var(--white);padding:20px;border-radius:10px;cursor:pointer;transition:all .2s;border:1px solid #eee}.doc-welcome .doc-card:hover{border-color:var(--pink);transform:translateY(-2px)}.doc-welcome .doc-card .icon{width:40px;height:40px;background:linear-gradient(135deg,var(--pink),var(--purple));border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);margin-bottom:12px}.doc-welcome .doc-card h3{font-size:14px;margin-bottom:5px}.doc-welcome .doc-card p{font-size:12px;color:#888;margin:0}.doc-content-wrapper .doc-header h1{font-size:1.8rem;margin-bottom:10px}.doc-meta{display:flex;gap:20px;font-size:13px;color:#666}.doc-meta i{margin-right:5px}.doc-content{line-height:1.8;font-size:15px}.doc-content h2{font-size:1.4rem;margin:30px 0 15px;padding-bottom:10px;border-bottom:2px solid var(--pink)}.doc-content h3{font-size:1.1rem;margin:25px 0 10px}.doc-content p{margin-bottom:15px}.doc-content table{width:100%;border-collapse:collapse;margin:15px 0}.doc-content table th,.doc-content table td{padding:12px;border:1px solid #ddd;text-align:left}.doc-content table th{background:#f5f5f5}.doc-content code{background:#f4f4f4;padding:2px 6px;border-radius:4px;font-size:13px}.doc-content pre{background:#1e1e1e;border-radius:8px;padding:20px;margin:15px 0;overflow-x:auto}.doc-content pre code{background:none;color:#fff}.doc-content .mermaid{background:#fafafa;border-radius:12px;padding:30px;margin:20px 0;overflow-x:auto;box-shadow:0 2px 8px #0000000d}.doc-content .mermaid svg{display:block;margin:0 auto;max-width:100%;height:auto}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal,.modal-content{background:var(--white);border-radius:12px;width:100%;max-width:500px;box-shadow:0 20px 60px #0000004d}.modal-content{padding:25px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee}.modal-header h3{font-size:1.1rem}.modal-header h2{font-size:1.2rem;display:flex;align-items:center;gap:10px}.modal-header h2 i{color:var(--pink)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#888}.modal-body,.create-user-form{padding:20px}.create-user-form .form-group{margin-bottom:18px}.create-user-form .form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#555}.create-user-form .form-group input,.create-user-form .form-group select{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.create-user-form .form-group input:focus,.create-user-form .form-group select:focus{outline:none;border-color:var(--pink)}.create-user-form .checkbox-group{display:flex;align-items:center}.create-user-form .checkbox-group label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400}.create-user-form .checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--pink)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid #eee}.project-checkboxes{display:flex;flex-direction:column;gap:10px;margin-top:15px}.checkbox-label{display:flex;align-items:center;gap:10px;padding:10px;background:var(--light);border-radius:6px;cursor:pointer}.checkbox-label:hover{background:#e8e8e8}.checkbox-label input{width:18px;height:18px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:20px;border-top:1px solid #eee}.btn-cancel{padding:10px 20px;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer}.btn-save{padding:10px 20px;background:var(--green);color:var(--white);border:none;border-radius:6px;cursor:pointer}.btn-save:hover{background:#2db87d}.admin-view h1{font-size:1.8rem;margin-bottom:25px;display:flex;align-items:center;gap:12px}.admin-view h1 i{color:var(--pink)}.alert-message{background:#d4edda;color:#155724;padding:12px 20px;border-radius:8px;margin-bottom:20px}.admin-tabs{display:flex;gap:5px;margin-bottom:25px;background:var(--white);padding:8px;border-radius:10px}.admin-tabs .tab{padding:12px 20px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s;color:#666}.admin-tabs .tab:hover{background:var(--light)}.admin-tabs .tab.active{background:var(--pink);color:var(--white)}.admin-section h2{font-size:1.3rem;margin-bottom:8px}.section-desc{color:#666;margin-bottom:25px;font-size:14px}.users-list{display:flex;flex-direction:column;gap:20px}.user-access-card{background:var(--white);border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d}.user-info-row{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.user-avatar{width:45px;height:45px;background:linear-gradient(135deg,var(--pink),var(--purple));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:18px}.user-details{flex:1;display:flex;flex-direction:column;gap:3px}.user-details strong{font-size:15px}.user-email{font-size:13px;color:#666}.access-section{margin-bottom:20px}.access-label{display:block;font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.clients-access-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.client-access-box{background:var(--light);border-radius:8px;padding:12px}.client-access-box.has-access{background:#3dd5981a;border:1px solid rgba(61,213,152,.3)}.client-name{font-weight:600;font-size:13px;margin-bottom:8px;padding-left:10px;border-left:3px solid #ccc}.client-projects{display:flex;flex-wrap:wrap;gap:5px}.project-tag{font-size:11px;padding:3px 8px;background:#e0e0e0;border-radius:4px;color:#666}.project-tag.active{background:var(--green);color:var(--white)}.no-projects{font-size:11px;color:#999;font-style:italic}.btn-edit-access{padding:10px 16px;background:var(--blue);color:var(--white);border:none;border-radius:6px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:8px;transition:background .2s}.btn-edit-access:hover{background:#1a7ad9}.clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.client-card{background:var(--white);border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d;border-top:4px solid var(--pink)}.client-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.client-header h3{font-size:1.1rem}.client-slug{font-size:12px;color:#888;background:var(--light);padding:3px 8px;border-radius:4px}.client-stats{display:flex;gap:15px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #eee}.stat{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.stat i{color:var(--pink)}.client-projects-list{display:flex;flex-direction:column;gap:8px}.project-item{display:flex;align-items:center;gap:10px;font-size:13px}.category-badge{font-size:10px;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:600}.category-badge.supplier{background:#d62e6e1a;color:var(--pink)}.category-badge.ecommerce{background:#3dd5981a;color:var(--green)}.projects-overview{display:flex;flex-direction:column;gap:30px}.category-section h3{font-size:1.1rem;margin-bottom:15px;display:flex;align-items:center;gap:10px;color:var(--pink)}.projects-table-grid{background:var(--white);border-radius:10px;overflow:hidden}.project-row{display:flex;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #eee}.project-row:last-child{border-bottom:none}.project-title{font-weight:500}.project-client{color:#666;font-size:13px}.invite-form{background:var(--white);border-radius:12px;padding:30px;max-width:700px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.invite-form .form-group{margin-bottom:20px}.invite-form label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#555}.invite-form input[type=text],.invite-form input[type=email]{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.invite-form input:focus{outline:none;border-color:var(--pink)}.invite-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.invite-client-section{background:var(--light);border-radius:8px;padding:15px}.invite-client-name{font-weight:600;font-size:13px;margin-bottom:10px}.invite-project-checkboxes{display:flex;flex-direction:column;gap:8px}.btn-invite{padding:14px 24px;background:var(--green);color:var(--white);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background .2s}.btn-invite:hover{background:#2db87d}.modal.large{max-width:700px}.modal-desc{color:#666;margin-bottom:20px}.modal-clients-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;max-height:400px;overflow-y:auto}.modal-client-section{background:var(--light);border-radius:8px;padding:15px}.modal-client-header{font-weight:600;font-size:13px;margin-bottom:12px;padding-left:10px;border-left:3px solid var(--pink)}.modal-project-list{display:flex;flex-direction:column;gap:8px}.no-projects-text{font-size:12px;color:#999;font-style:italic}.no-access-page{text-align:center;padding:60px;color:#666;font-size:1.2rem}.dashboard-view h1{font-size:1.8rem;margin-bottom:10px;display:flex;align-items:center;gap:12px}.dashboard-view h1 i{color:var(--pink)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin:30px 0}.stat-card{background:var(--white);border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px;box-shadow:0 2px 10px #0000000d}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--white)}.stat-icon.users{background:linear-gradient(135deg,var(--pink),var(--purple))}.stat-icon.projects{background:linear-gradient(135deg,var(--blue),#4fc3f7)}.stat-icon.clients{background:linear-gradient(135deg,var(--green),#66bb6a)}.stat-icon.docs{background:linear-gradient(135deg,var(--orange),#ffb74d)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:700;color:var(--dark)}.stat-label{font-size:13px;color:#666}.quick-actions h2{font-size:1.2rem;margin-bottom:20px}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.action-card{background:var(--white);border-radius:10px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;color:var(--dark);transition:all .2s;border:2px solid transparent}.action-card:hover{border-color:var(--pink);transform:translateY(-2px)}.action-card i{font-size:28px;color:var(--pink)}.action-card span{font-size:14px;font-weight:500}.placeholder-page{text-align:center;padding:60px 20px}.placeholder-page h1{font-size:1.8rem;margin-bottom:15px;display:flex;align-items:center;justify-content:center;gap:12px}.placeholder-page h1 i{color:var(--pink)}.placeholder-page p{color:#666;font-size:1.1rem}.project-section-view{max-width:1200px}.breadcrumb{display:flex;align-items:center;gap:10px;margin-bottom:25px;font-size:14px}.breadcrumb-link{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--white);border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;color:var(--pink);transition:all .2s}.breadcrumb-link:hover{background:var(--light)}.breadcrumb-sep{color:#ccc}.breadcrumb-current{font-weight:600}.section-content{display:grid;grid-template-columns:2fr 1fr;gap:25px}.upload-panel,.notes-panel{background:var(--white);border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d}.upload-panel h3,.notes-panel h3{font-size:1.1rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.upload-panel h3 i,.notes-panel h3 i{color:var(--pink)}.upload-area{margin-bottom:25px}.btn-upload{padding:12px 24px;background:var(--pink);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background .2s}.btn-upload:hover{background:#c22960}.btn-upload:disabled{background:#ccc;cursor:not-allowed}.no-files{text-align:center;padding:40px 20px;color:#888}.no-files i{font-size:3rem;margin-bottom:15px;opacity:.5}.files-table{width:100%;border-collapse:collapse}.files-table th,.files-table td{padding:12px;text-align:left;border-bottom:1px solid #eee;font-size:13px}.files-table th{font-weight:600;color:#666;background:var(--light)}.file-name{display:flex;align-items:center;gap:10px}.file-name i{color:var(--pink)}.file-actions{display:flex;gap:8px}.btn-icon{width:32px;height:32px;border:none;border-radius:6px;background:var(--light);color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s}.btn-icon:hover{background:var(--blue);color:var(--white)}.btn-icon.danger:hover{background:#dc3545;color:var(--white)}.note-form{margin-bottom:20px}.note-form textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;resize:vertical;margin-bottom:10px}.note-form textarea:focus{outline:none;border-color:var(--pink)}.btn-add-note{padding:8px 16px;background:var(--green);color:var(--white);border:none;border-radius:6px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.notes-list{display:flex;flex-direction:column;gap:12px}.no-notes{color:#888;font-size:13px;font-style:italic}.note-card{background:var(--light);border-radius:8px;padding:15px}.note-content{font-size:14px;margin-bottom:10px;line-height:1.5}.note-meta{display:flex;justify-content:space-between;font-size:12px;color:#888}.admin-grid{display:flex;flex-direction:column;gap:30px}.admin-panel-full{background:var(--white);border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d}.admin-panel-full h2{font-size:1.2rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.admin-panel-full h2 i{color:var(--pink)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:12px 15px;text-align:left;border-bottom:1px solid #eee;vertical-align:top}.admin-table th{background:var(--light);font-weight:600;font-size:12px;text-transform:uppercase;color:#666}.admin-table tr.saving{opacity:.5}.user-cell{display:flex;align-items:center;gap:12px;min-width:200px}.user-avatar-small{width:36px;height:36px;background:linear-gradient(135deg,var(--pink),var(--purple));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:14px}.user-email-small{display:block;font-size:12px;color:#888}.role-select{padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px;background:var(--white);cursor:pointer}.checkbox-cell{min-width:200px}.checkbox-grid.compact{display:flex;flex-wrap:wrap;gap:6px}.mini-checkbox{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--light);border-radius:4px;cursor:pointer;font-size:12px}.mini-checkbox input{width:14px;height:14px}.mini-checkbox i{font-size:12px;color:#666}.mini-checkbox:has(input:checked){background:#3dd59833}.mini-checkbox:has(input:checked) i{color:var(--green)}.project-checkbox-grid{display:flex;flex-direction:column;gap:8px}.client-checkbox-group{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}.client-label{font-size:11px;font-weight:600;padding:4px 8px;background:var(--light);border-radius:4px;border-left:3px solid #ccc;min-width:60px}.project-checkboxes-inline{display:flex;flex-wrap:wrap;gap:4px}.checkbox-text{font-size:11px}.invite-form-inline{display:flex;flex-direction:column;gap:20px}.invite-row{display:flex;gap:20px;flex-wrap:wrap}.invite-row .form-group{flex:1;min-width:200px}.invite-row .form-group.full{flex:100%}.invite-row .form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#555}.invite-row .form-group input,.invite-row .form-group select{width:100%;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.invite-row .form-group input:focus,.invite-row .form-group select:focus{outline:none;border-color:var(--pink)}.checkbox-row{display:flex;flex-wrap:wrap;gap:10px}.checkbox-label-inline{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--light);border-radius:6px;cursor:pointer;font-size:13px}.checkbox-label-inline input{width:16px;height:16px}.checkbox-label-inline i{color:#666}.checkbox-label-inline:has(input:checked){background:#d62e6e1a;border:1px solid var(--pink)}.invite-client-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px;background:#fafafa;border-radius:8px}.client-name-badge{padding:4px 10px;border-radius:4px;color:var(--white);font-size:12px;font-weight:600}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-header h1{margin:0}.btn-new-user{padding:12px 24px;background:var(--green);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:background .2s}.btn-new-user:hover{background:#2db87d}.alert-message.success{background:#d4edda;color:#155724}.search-bar{display:flex;align-items:center;gap:12px;background:var(--white);padding:12px 20px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d}.search-bar i{color:#888;font-size:16px}.search-bar input{flex:1;border:none;font-size:15px;outline:none}.clear-search{background:none;border:none;color:#888;cursor:pointer;padding:5px}.clear-search:hover{color:#333}.users-admin-list{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.users-header-row{display:grid;grid-template-columns:180px 220px 120px 1fr 40px;padding:15px 20px;background:var(--light);font-weight:600;font-size:12px;text-transform:uppercase;color:#666;border-bottom:1px solid #e0e0e0}.user-row{border-bottom:1px solid #eee}.user-row:last-child{border-bottom:none}.user-row.saving{opacity:.5}.user-main-row{display:grid;grid-template-columns:180px 220px 120px 1fr 40px;padding:15px 20px;align-items:center;cursor:pointer;transition:background .2s}.user-main-row:hover{background:#fafafa}.user-row.expanded .user-main-row{background:var(--light)}.col-user{display:flex;align-items:center;gap:12px}.col-email{color:#666;font-size:14px}.col-actions{text-align:right;color:#888}.role-select{padding:6px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;cursor:pointer;background:var(--white)}.role-select.admin{border-color:var(--green);color:var(--green)}.role-select.developer{border-color:var(--blue);color:var(--blue)}.role-select.client{border-color:var(--purple);color:var(--purple)}.client-badges{display:flex;flex-wrap:wrap;gap:6px}.client-badge{padding:4px 10px;border-radius:4px;color:var(--white);font-size:11px;font-weight:600}.no-access-badge{color:#999;font-size:12px;font-style:italic}.user-details-panel{padding:25px;background:#fafafa;border-top:1px solid #eee}.access-grid{display:grid;grid-template-columns:300px 1fr;gap:30px}.access-column h4{font-size:13px;color:#555;margin-bottom:15px;display:flex;align-items:center;gap:8px}.access-column h4 i{color:var(--pink)}.access-column.wide{flex:2}.access-checkboxes{display:flex;flex-direction:column;gap:8px}.access-checkbox{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--white);border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s}.access-checkbox:hover{background:#f0f0f0}.access-checkbox input{width:16px;height:16px}.access-checkbox i{width:20px;text-align:center;color:#666}.access-checkbox:has(input:checked){background:#3dd5981a;border:1px solid rgba(61,213,152,.3)}.access-checkbox:has(input:checked) i{color:var(--green)}.clients-project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.client-project-box{background:var(--white);border-radius:8px;overflow:hidden}.client-box-header{padding:10px 15px;font-weight:600;font-size:13px;background:var(--light);border-left:4px solid #ccc}.project-checkboxes{padding:10px 15px;display:flex;flex-direction:column;gap:6px}.no-results{text-align:center;padding:60px 20px;color:#888}.no-results i{font-size:3rem;margin-bottom:15px;opacity:.5}.new-user-modal{max-width:700px;width:90%}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.new-user-modal .form-group{margin-bottom:20px}.new-user-modal .form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:600;color:#555}.new-user-modal .form-group input,.new-user-modal .form-group select{width:100%;padding:12px 14px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.new-user-modal .form-group input:focus,.new-user-modal .form-group select:focus{outline:none;border-color:var(--pink)}.password-input{display:flex;gap:10px}.password-input input{flex:1}.btn-generate{padding:12px 16px;background:var(--light);border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;color:#666;transition:all .2s}.btn-generate:hover{background:#e0e0e0;color:#333}.new-user-modal{max-width:600px}.new-user-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:15px}.new-user-modal .form-group.full-width{margin-bottom:15px}.new-user-modal .form-group label i{margin-right:8px;color:var(--pink);width:16px}.new-user-modal .checkbox-inline{display:flex;align-items:flex-end;padding-bottom:12px}.new-user-modal .checkbox-inline label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 16px;background:var(--light);border-radius:8px;border:2px solid #e0e0e0;transition:all .2s}.new-user-modal .checkbox-inline label:hover{border-color:var(--pink)}.new-user-modal .checkbox-inline input[type=checkbox]{width:18px;height:18px}.new-user-modal .checkbox-inline span i{color:#666}.client-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;max-height:200px;overflow-y:auto;padding:10px;background:var(--light);border-radius:8px;border:2px solid #e0e0e0}.client-checkbox{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-radius:8px;border:2px solid #e0e0e0;cursor:pointer;transition:all .2s}.client-checkbox:hover{background:#fafafa}.client-checkbox.selected{background:#d62e6e14;border-color:var(--pink)}.client-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--pink)}.client-checkbox .client-color{width:12px;height:12px;border-radius:50%;flex-shrink:0}.client-checkbox .client-name{font-weight:600;font-size:13px;color:#333;flex:1}.client-checkbox .project-count{font-size:11px;color:#888;background:var(--light);padding:2px 8px;border-radius:10px}.form-info-box{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#d62e6e14;border-radius:8px;margin-bottom:20px;color:#666;font-size:13px}.form-info-box i{color:var(--pink);font-size:18px}.hint{font-size:12px;color:#888;margin-top:8px;font-style:italic}.checkbox-grid-modal{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.checkbox-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--light);border-radius:6px;cursor:pointer;font-size:12px}.checkbox-item input{width:14px;height:14px}.checkbox-item i{color:#666}.checkbox-item:has(input:checked){background:#d62e6e1a}.clients-grid-modal{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.client-section-modal{background:var(--light);border-radius:8px;overflow:hidden}.client-header-modal{padding:8px 12px;color:var(--white);font-weight:600;font-size:12px}.project-list-modal{padding:10px;display:flex;flex-direction:column;gap:6px}.checkbox-welcome{display:flex;align-items:center;gap:10px;padding:15px;background:#3dd5981a;border:1px solid rgba(61,213,152,.3);border-radius:8px;cursor:pointer;font-size:14px}.checkbox-welcome input{width:18px;height:18px}.checkbox-welcome i{color:var(--green)}.btn-create{padding:12px 24px;background:var(--green);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px}.btn-create:hover{background:#2db87d}.btn-create:disabled{background:#ccc;cursor:not-allowed}@media(max-width:768px){.main-content{padding:20px}.project-grid{grid-template-columns:1fr}.project-header{flex-direction:column;text-align:center}.users-table{overflow-x:auto}.documentation-layout{flex-direction:column}.doc-sidebar{position:fixed;left:-300px;top:65px;width:280px;height:calc(100vh - 65px);z-index:1000;transition:left .3s ease;box-shadow:none}.doc-sidebar.open{left:0;box-shadow:5px 0 20px #00000026}.mobile-sidebar-toggle{display:flex!important}.mobile-sidebar-overlay{display:block}.doc-main{padding:60px 20px 20px}.doc-content{font-size:15px}.doc-content h1{font-size:1.5rem}.doc-content h2{font-size:1.3rem}.doc-content h3{font-size:1.1rem}.doc-content table{display:block;overflow-x:auto;white-space:nowrap}.doc-content pre{overflow-x:auto;max-width:calc(100vw - 40px)}.doc-header h1{font-size:1.4rem!important}.breadcrumb{font-size:12px;flex-wrap:wrap}}.iframe-page{position:fixed;inset:65px 0 0;background:var(--beige)}.embedded-frame{width:100%;height:100%;border:none;background:#fff}.developer-view{padding:40px;max-width:1400px;margin:0 auto}.developer-view h1{font-size:2rem;color:var(--dark);margin-bottom:10px}.developer-view .subtitle{color:#666;margin-bottom:40px}.dev-section{margin-bottom:40px}.dev-section h2{font-size:1.2rem;color:var(--dark);margin-bottom:20px;display:flex;align-items:center;gap:10px}.dev-section h2 i{color:var(--pink)}.dev-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.dev-tool-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;text-decoration:none;color:inherit;border:1px solid #e0e0e0;transition:all .2s}.dev-tool-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a;border-color:var(--pink)}.dev-tool-card .tool-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--pink),#ff6b9d);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.3rem;flex-shrink:0}.dev-tool-card .tool-info p{font-size:.85rem;color:#666}.dev-tool-card .fa-external-link-alt{color:#999;font-size:.9rem}.server-info{background:#fff;border-radius:12px;padding:20px;border:1px solid #e0e0e0}.server-info .info-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee}.server-info .info-row:last-child{border-bottom:none}.server-info .info-row span{color:#666}.server-info .info-row code{background:var(--dark);color:var(--green);padding:4px 12px;border-radius:4px;font-size:.85rem}.repos-list{display:flex;flex-direction:column;gap:10px}.repo-card{background:#fff;border-radius:8px;padding:15px 20px;display:flex;align-items:center;gap:15px;border:1px solid #e0e0e0}.repo-card i{color:var(--pink);font-size:1.2rem}.repo-card .repo-name{font-weight:600;min-width:150px}.repo-card .repo-path{background:#f5f5f5;padding:4px 10px;border-radius:4px;font-size:.85rem;color:#666}.gatekeeper-view{padding:40px;max-width:1200px;margin:0 auto}.gatekeeper-view h1{font-size:1.8rem;color:var(--dark);margin-bottom:30px}.ip-display-box{background:#fff;border:1px solid #e0e0e0;border-left:4px solid var(--pink);border-radius:8px;padding:25px;margin-bottom:30px}.ip-display-box .ip-display-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#666;font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.ip-display-box .ip-display-header i{color:var(--pink)}.ip-display-box .ip-value{font-family:Consolas,monospace;font-size:1.8rem;font-weight:700;color:var(--dark);background:#f5f5f5;padding:12px 20px;border-radius:6px;display:inline-block;margin-right:15px}.ip-display-box .ip-status{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:20px;font-size:.9rem;font-weight:600}.ip-display-box .ip-status.ok{background:#3dd59826;color:#22c55e}.ip-display-box .ip-status.no{background:#e74c3c26;color:#e74c3c}.btn-add-current{display:inline-flex;align-items:center;gap:8px;margin-left:15px;background:var(--pink);color:#fff;border:none;padding:10px 18px;border-radius:6px;font-weight:600;cursor:pointer}.gatekeeper-tabs{display:flex;gap:10px;margin-bottom:25px}.gatekeeper-tabs .tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;background:#fff;border-radius:8px;font-weight:500;cursor:pointer;border:1px solid #e0e0e0}.gatekeeper-tabs .tab-btn.active{background:var(--pink);color:#fff;border-color:var(--pink)}.gatekeeper-tabs .pending-badge{background:#e74c3c;color:#fff;padding:2px 8px;border-radius:10px;font-size:.75rem}.add-ip-form{background:#fff;padding:20px;border-radius:10px;margin-bottom:25px;border:1px solid #e0e0e0}.add-ip-form form{display:flex;gap:10px;flex-wrap:wrap}.add-ip-form input{flex:1;min-width:200px;padding:12px 15px;border:1px solid #ddd;border-radius:6px}.add-ip-form button{background:var(--pink);color:#fff;border:none;padding:12px 25px;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.ip-table{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #e0e0e0}.ip-table table{width:100%;border-collapse:collapse}.ip-table th{background:var(--dark);color:#fff;padding:15px;text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.ip-table td{padding:15px;border-bottom:1px solid #eee}.ip-table tr:hover{background:#f9f9f9}.ip-table tr.inactive{opacity:.5}.ip-table .ip-cell{font-family:monospace;font-weight:600}.ip-table .actions{display:flex;gap:8px}.requests-list{display:flex;flex-direction:column;gap:15px}.request-card{background:#fff;border-radius:10px;padding:20px;border:1px solid #e0e0e0}.request-card.pending{border-left:4px solid #eab308}.request-card.approved{border-left:4px solid #22c55e;opacity:.7}.request-card.denied{border-left:4px solid #e74c3c;opacity:.7}.request-header{display:flex;justify-content:space-between;margin-bottom:15px}.request-ip{font-family:monospace;font-size:1.2rem;font-weight:700}.request-info{color:#666;margin-bottom:15px}.request-info div{margin-bottom:5px}.request-actions{display:flex;gap:10px}.btn-approve{background:#22c55e;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-deny{background:#e74c3c;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.no-data{text-align:center;padding:40px;color:#999;background:#fff;border-radius:10px}.tenant-page{min-height:calc(100vh - 65px);width:100%}.tenant-sub-header{background:var(--white);padding:15px 40px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.tenant-sub-header .sub-header-left{display:flex;align-items:center;gap:15px}.tenant-sub-header h1{font-size:1.5rem;font-weight:700;color:var(--dark)}.version-badge{background:var(--pink);color:var(--white);padding:6px 14px;border-radius:6px;font-size:12px;font-weight:600}.tenant-sub-header .sub-header-right{display:flex;align-items:center;gap:12px}.tenant-main-content{padding:30px 40px}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--pink);color:var(--white)}.btn-secondary{background:var(--beige);color:var(--dark);border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background:var(--dark);color:var(--white)}.btn-secondary.active{background:var(--pink);color:var(--white);border-color:var(--pink)}.btn-small{padding:6px 12px;font-size:11px}.project-selection{background:var(--white);border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 3px 15px #0000000a;border-top:4px solid var(--green)}.project-selection h2{font-size:1.1rem;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px}.project-selection h2 i{color:var(--green)}.project-rows{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.project-row{background:var(--beige);border-radius:8px;padding:15px;border:2px solid transparent;transition:all .2s}.project-row:hover{border-color:#ddd}.project-row .project-select-group{margin-bottom:0}.project-row-controls{display:flex;gap:8px;align-items:center}.project-row-controls select{flex:1}.btn-row-action{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.btn-row-action.btn-add{background:var(--green);color:#fff}.btn-row-action.btn-add:hover{background:#2eb882;transform:scale(1.05)}.btn-row-action.btn-remove{background:#ef4444;color:#fff}.btn-row-action.btn-remove:hover{background:#dc2626;transform:scale(1.05)}.project-row-info{margin-top:10px;padding-top:10px;border-top:1px solid #ddd;display:flex;gap:15px;font-size:12px;color:#666}.project-row-files{color:var(--pink);font-weight:500}.project-row-files i{margin-right:5px}.project-row-desc{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-select-row{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;margin-bottom:15px}.project-select-group{flex:1;min-width:250px}.project-select-group label{display:block;font-size:12px;font-weight:600;color:#666;margin-bottom:8px}.project-select-group select{width:100%;padding:12px 15px;border:2px solid #eee;border-radius:8px;font-size:14px;background:var(--beige);cursor:pointer;transition:all .2s}.project-select-group select:focus{outline:none;border-color:var(--pink)}.selected-tenants-info{background:var(--beige);border-radius:8px;padding:12px 20px;display:flex;align-items:center;gap:10px}.selected-tenants-info .count{background:var(--pink);color:#fff;padding:4px 12px;border-radius:20px;font-weight:600;font-size:13px}.project-info{background:var(--beige);border-radius:8px;padding:15px;margin-top:15px}.project-info-row{display:flex;gap:20px;font-size:13px;margin-bottom:8px}.project-info-row:last-child{margin-bottom:0}.project-info-row .label{color:#888;min-width:80px}.project-info-row .value{font-weight:500}.deploy-project-btn{margin-top:20px}.deployment-progress{background:var(--white);border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 3px 15px #0000000a;border-top:4px solid var(--blue)}.deployment-progress h2{font-size:1.1rem;font-weight:600;margin-bottom:20px;display:flex;align-items:center;gap:10px}.deployment-progress h2 i{color:var(--blue)}.progress-item{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid #eee}.progress-item:last-of-type{border-bottom:none}.progress-item .tenant-name{flex:1;font-weight:500}.progress-item .status-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px}.progress-item .status-icon.success{color:var(--green)}.progress-item .status-icon.error{color:#ef4444}.progress-item .status-message{font-size:12px;color:#888}.rebuild-log-panel{background:var(--white);border-radius:12px;padding:25px;margin-bottom:30px;box-shadow:0 3px 15px #0000000a;border-top:4px solid var(--purple)}.rebuild-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.rebuild-log-header h2{font-size:1.1rem;font-weight:600;display:flex;align-items:center;gap:10px;margin:0}.rebuild-log-header h2 i{color:var(--purple)}.rebuild-log-entries{max-height:300px;overflow-y:auto}.rebuild-log-entry{display:grid;grid-template-columns:80px 120px 100px 100px 1fr;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #eee;font-size:13px}.rebuild-log-entry:last-child{border-bottom:none}.log-time{color:#888;font-family:monospace}.log-tenant{font-weight:600;color:var(--dark)}.log-service{color:var(--blue);text-transform:capitalize}.log-status{display:flex;align-items:center;gap:6px;font-weight:500;text-transform:uppercase;font-size:11px}.log-status.status-running{color:var(--blue)}.log-status.status-completed{color:var(--green)}.log-status.status-failed{color:#ef4444}.log-message{color:#666;font-size:12px}.tenant-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #eee;padding-bottom:15px}.tab-btn{padding:10px 20px;border:none;background:var(--beige);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;color:var(--dark)}.tab-btn:hover{background:#e5e3e0}.tab-btn.active{background:var(--pink);color:var(--white)}.tab-btn i{font-size:14px}.tab-count{background:#0000001a;padding:2px 8px;border-radius:10px;font-size:11px}.tab-btn.active .tab-count{background:#fff3}.tenants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;margin-bottom:30px}.tenant-card{background:var(--white);border-radius:10px;padding:15px;border-left:4px solid transparent;cursor:pointer;transition:all .2s;box-shadow:0 3px 15px #0000000a;position:relative}.tenant-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014;border-left-color:var(--pink)}.tenant-card.multi-selected{border-left-color:var(--green);background:linear-gradient(135deg,rgba(61,213,152,.06),transparent)}.tenant-checkbox{position:absolute;top:15px;right:15px;width:22px;height:22px;accent-color:var(--pink);cursor:pointer}.tenant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-right:30px}.tenant-header h3{font-size:.9rem;font-weight:600}.env-badge{padding:4px 10px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--white)}.tenant-info{margin-bottom:15px}.info-row{display:flex;gap:8px;margin-bottom:8px;font-size:12px}.info-row .label{color:#888;min-width:55px}.info-row a{color:var(--pink);text-decoration:none;font-weight:500}.info-row a:hover{text-decoration:underline}.version{font-weight:500}.target-version{color:var(--orange);font-weight:600}.deploy-type{color:var(--blue);font-weight:500}.rebuild-buttons{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid #eee}.btn-rebuild{flex:1;padding:6px 10px;font-size:11px;border:1px solid #ddd;border-radius:4px;background:var(--white);color:var(--dark);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .2s}.btn-rebuild:hover:not(:disabled){background:var(--pink);color:var(--white);border-color:var(--pink)}.btn-rebuild:disabled{cursor:not-allowed;opacity:.7}.btn-rebuild.running{background:var(--blue);color:var(--white);border-color:var(--blue)}.btn-rebuild.completed{background:var(--green);color:var(--white);border-color:var(--green)}.btn-rebuild.failed{background:#ef4444;color:var(--white);border-color:#ef4444}.btn-rebuild i{font-size:10px}.tenant-status{display:flex;align-items:center;gap:8px;margin-top:12px}.status-indicator{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentColor}.status-text{font-size:11px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.no-tenants{text-align:center;padding:60px;color:#888;font-size:1.1rem}.doc-search{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fff;border-radius:8px;margin-bottom:20px;border:1px solid #e0e0e0}.doc-search i{color:#999}.doc-search input{border:none;flex:1;outline:none}.search-results{background:#fff;border-radius:8px;margin-bottom:20px;border:1px solid #e0e0e0;max-height:300px;overflow-y:auto}.client-tag{background:var(--pink);color:#fff;font-size:.65rem;padding:2px 6px;border-radius:3px;margin-left:8px}.client-indicator{color:var(--pink);margin-left:auto;font-size:.8rem}.client-badge{background:linear-gradient(135deg,var(--pink),#ff6b9d);color:#fff;padding:4px 10px;border-radius:4px;font-size:.8rem}.header-right{display:flex;align-items:center;gap:20px}.header-search{position:relative;display:flex;align-items:center;gap:8px;background:var(--light);border:1px solid #e0e0e0;border-radius:8px;padding:8px 14px;min-width:200px;transition:all .2s}.header-search:focus-within{border-color:var(--pink);background:#fff;box-shadow:0 2px 8px #d62e6e1a}.header-search i{color:#888;font-size:14px}.header-search input{border:none;background:transparent;outline:none;font-size:13px;width:100%}.header-search-results{position:absolute;top:100%;left:0;right:0;margin-top:8px;background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 10px 40px #00000026;max-height:400px;overflow-y:auto;z-index:1001}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 15px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .15s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--light)}.search-result-item i{width:32px;height:32px;background:linear-gradient(135deg,var(--pink),#ff6b9d);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px}.search-result-item .result-info{flex:1;min-width:0}.search-result-item .result-title{display:block;font-weight:500;font-size:13px;color:var(--dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-item .result-meta{display:block;font-size:11px;color:#888}.doc-sidebar{width:300px;background:var(--white);border-right:1px solid #e0e0e0;padding:20px 0;position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto}.sidebar-section{padding:0 15px;margin-bottom:25px}.sidebar-title{font-size:10px;text-transform:uppercase;color:#888;font-weight:700;letter-spacing:1px;margin-bottom:12px;padding:0 5px}.doc-search{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--light);border-radius:8px;border:1px solid transparent;transition:all .2s}.doc-search:focus-within{background:#fff;border-color:var(--pink)}.doc-search i{color:#888;font-size:14px}.doc-search input{border:none;background:transparent;flex:1;outline:none;font-size:13px}.doc-search .search-clear{background:none;border:none;color:#999;cursor:pointer;padding:2px}.doc-search .search-clear:hover{color:var(--pink)}.search-results-list{background:#fff;border-radius:8px;overflow:hidden}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav .nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#555;font-size:13px;cursor:pointer;border-radius:6px;border-left:3px solid transparent;transition:all .15s}.sidebar-nav .nav-link:hover{background:var(--light);color:var(--pink)}.sidebar-nav .nav-link.active{background:#d62e6e14;color:var(--pink);border-left-color:var(--pink)}.sidebar-nav .nav-link i{width:18px;text-align:center;font-size:13px}.recent-nav .nav-link{font-size:12px;padding:8px 12px}.category-item{margin-bottom:3px}.category-header{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#555;font-size:13px;cursor:pointer;border-radius:6px;border-left:3px solid transparent;transition:all .15s;-webkit-user-select:none;user-select:none}.category-header:hover{background:var(--light);color:var(--pink)}.category-header.active{background:#d62e6e14;color:var(--pink);border-left-color:var(--pink)}.category-header .cat-icon{width:18px;text-align:center;font-size:13px}.category-header .category-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-header .count{background:#f0f0f0;padding:2px 8px;border-radius:10px;font-size:10px;color:#666}.category-header .chevron{font-size:10px;color:#888;transition:transform .2s}.category-header.expanded .chevron{transform:rotate(90deg)}.category-header .client-indicator{color:var(--pink);font-size:8px}.category-docs{padding-left:12px;margin-bottom:5px;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.category-docs .doc-link{display:flex;align-items:center;gap:8px;padding:8px 10px;color:#666;font-size:12px;cursor:pointer;border-radius:5px;transition:all .15s;margin-bottom:2px}.category-docs .doc-link:hover{background:var(--light);color:var(--pink)}.category-docs .doc-link.active{background:#d62e6e14;color:var(--pink);font-weight:500}.category-docs .doc-link i{font-size:11px;opacity:.7;width:16px;text-align:center}.category-docs .doc-link .doc-link-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-docs .doc-link .client-tag{background:var(--pink);color:#fff;font-size:9px;padding:2px 5px;border-radius:3px}.doc-main{flex:1;padding:35px 50px;max-width:1000px;min-height:calc(100vh - 65px)}.doc-content-wrapper .doc-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.doc-content-wrapper .breadcrumb{font-size:13px;margin-bottom:12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.doc-content-wrapper .breadcrumb a{color:var(--pink);cursor:pointer;text-decoration:none}.doc-content-wrapper .breadcrumb a:hover{text-decoration:underline}.doc-content-wrapper .breadcrumb .breadcrumb-sep{color:#ccc}.doc-content-wrapper .breadcrumb .breadcrumb-current{color:#666}.doc-content-wrapper .doc-header h1{font-size:2rem;margin-bottom:12px;color:var(--dark)}.doc-meta{display:flex;align-items:center;gap:15px;font-size:13px;color:#666;flex-wrap:wrap}.doc-meta>span{display:inline-flex;align-items:center}.doc-meta i{margin-right:5px;color:#999}.doc-meta .client-badge{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,var(--pink),#ff6b9d);color:#fff;padding:3px 10px;border-radius:4px;font-size:12px}.doc-category-view .doc-header{margin-bottom:30px}.doc-category-view .doc-header h1{font-size:1.8rem;display:flex;align-items:center;gap:12px}.doc-category-view .doc-header h1 i{color:var(--pink)}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}.doc-grid.large{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.doc-card{background:#fff;border-radius:12px;padding:22px;box-shadow:0 2px 8px #0000000a;border:1px solid #e8e8e8;cursor:pointer;transition:all .2s}.doc-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014;border-color:var(--pink)}.doc-card .icon{width:45px;height:45px;background:linear-gradient(135deg,var(--pink),var(--purple));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;margin-bottom:15px}.doc-card h3{font-size:15px;margin-bottom:8px;color:var(--dark)}.doc-card p{font-size:13px;color:#666;line-height:1.5;margin:0}.doc-card .doc-card-meta{display:flex;gap:15px;margin-top:12px;font-size:11px;color:#999}.doc-card .card-client-tag{margin-top:10px;display:inline-block;background:#d62e6e1a;color:var(--pink);padding:3px 8px;border-radius:4px;font-size:11px}.doc-welcome{text-align:center;padding:40px 0}.doc-welcome h1{font-size:2.2rem;margin-bottom:15px;color:var(--dark)}.doc-welcome h1 i{color:var(--pink);margin-right:10px}.doc-welcome>p{color:#666;margin-bottom:40px;font-size:1.05rem}.no-results-search{text-align:center;padding:60px 20px;color:#888}.no-results-search i{font-size:3rem;margin-bottom:15px;opacity:.4}.no-docs{text-align:center;padding:60px 20px;color:#888}.no-docs i{font-size:3rem;margin-bottom:15px;opacity:.4}.projects-layout{display:flex;min-height:calc(100vh - 65px)}.project-sidebar{width:280px;background:var(--white);border-right:1px solid #e0e0e0;padding:20px 0;position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto}.project-main{flex:1;padding:35px 50px;max-width:1100px}.project-main .projects-view{padding:0}.project-main .project-detail{max-width:none}.project-main .project-detail .doc-header{margin-bottom:25px;padding-bottom:0;border-bottom:none}.project-main .project-header{margin-bottom:30px}.project-tree{margin-top:10px}.project-tree .doc-link{display:flex;align-items:center;gap:8px;padding:9px 12px;color:#555;font-size:13px;cursor:pointer;border-radius:5px;border-left:3px solid transparent;transition:all .15s;margin-bottom:2px}.project-tree .doc-link:hover{background:var(--light);color:var(--pink)}.project-tree .doc-link.active{background:#d62e6e14;color:var(--pink);border-left-color:var(--pink)}.project-tree .doc-link.external{color:var(--blue)}.project-tree .doc-link.external:hover{color:var(--pink)}.project-tree .doc-link i:first-child{width:18px;text-align:center;font-size:13px}.project-tree .doc-link .doc-link-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-tree .doc-link .external-icon{font-size:10px;color:#999;margin-left:auto}.project-tree .doc-link .chevron-small{font-size:9px;color:#999;transition:transform .2s;margin-left:auto}.project-tree .doc-link .chevron-small.expanded{transform:rotate(90deg)}.sidebar-children{animation:slideDown .2s ease}.doc-children{margin-top:40px;padding-top:30px;border-top:1px solid #e0e0e0}.doc-children h2{font-size:1.3rem;margin-bottom:20px;color:var(--dark)}.external-badge{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:11px;color:var(--blue)}@media(max-width:900px){.projects-layout{flex-direction:column}.project-sidebar{width:100%;height:auto;position:relative;top:0;border-right:none;border-bottom:1px solid #e0e0e0}.project-main{padding:25px}}.developer-layout{display:flex;min-height:calc(100vh - 65px)}.dev-sidebar{width:260px;background:var(--white);border-right:1px solid #e0e0e0;padding:20px 0;position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto}.dev-sidebar .sidebar-section{padding:0 15px;margin-bottom:25px}.dev-sidebar .sidebar-title{font-size:11px;font-weight:700;text-transform:uppercase;color:#888;margin-bottom:12px;padding-left:10px}.dev-sidebar .sidebar-nav{display:flex;flex-direction:column;gap:4px}.dev-sidebar .nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#444;text-decoration:none;font-size:14px;cursor:pointer;transition:all .2s}.dev-sidebar .nav-link:hover{background:var(--beige)}.dev-sidebar .nav-link.active{background:var(--pink);color:#fff}.dev-sidebar .nav-link i{width:18px;text-align:center}.dev-sidebar .nav-link .nav-count{margin-left:auto;background:#0000001a;padding:2px 8px;border-radius:10px;font-size:12px}.dev-sidebar .nav-link.active .nav-count{background:#fff3}.dev-sidebar .nav-link.external{color:#666}.dev-sidebar .nav-link.external .small{font-size:10px;margin-left:auto;opacity:.5}.dev-main{flex:1;padding:30px 40px;background:var(--beige)}.dev-header{margin-bottom:30px}.dev-header h1{font-size:1.8rem;display:flex;align-items:center;gap:15px}.dev-header h1 i{color:var(--pink)}.dev-tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.dev-tool-card{display:flex;align-items:center;gap:15px;padding:20px;background:var(--white);border-radius:12px;text-decoration:none;color:inherit;transition:all .2s;border:2px solid transparent}.dev-tool-card:hover{border-color:var(--pink);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dev-tool-card .tool-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--pink),var(--purple));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.dev-tool-card .tool-info{flex:1}.dev-tool-card .tool-info h3{font-size:1rem;margin-bottom:4px}.dev-tool-card .tool-info p{font-size:13px;color:#666;margin:0}.dev-tool-card>.fa-external-link-alt{color:#ccc;font-size:12px}.dev-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#888}.dev-empty i{font-size:48px;margin-bottom:20px;opacity:.3}.dev-empty p{font-size:16px}@media(max-width:900px){.developer-layout{flex-direction:column}.dev-sidebar{width:100%;height:auto;position:relative;top:0;border-right:none;border-bottom:1px solid #e0e0e0}.dev-main{padding:20px}}.sidebar-category{display:flex;align-items:center;gap:10px;padding:12px 15px;margin:5px 10px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;color:#555;background:#f5f5f5;transition:all .2s}.sidebar-category:hover{background:#eee}.sidebar-category.active{background:var(--pink);color:var(--white)}.sidebar-category .cat-count{margin-left:auto;background:#fff3;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.sidebar-category.active .cat-count{background:#ffffff4d}.ecom-tree{padding:5px 10px}.ecom-project{font-weight:500}.ecom-section{font-size:12px}.doc-link.ecom-project i,.doc-link.ecom-section i{width:18px;text-align:center}.ecom-content-wrapper{padding:30px;max-width:1200px}.ecom-header{margin-bottom:30px}.ecom-header h1{font-size:1.8rem;color:var(--dark);display:flex;align-items:center;gap:12px}.ecom-header h1 i{font-size:1.5rem}.ecom-sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.ecom-section-card{background:var(--white);border-radius:16px;padding:30px;cursor:pointer;transition:all .3s;box-shadow:0 2px 10px #0000000d;border:2px solid transparent}.ecom-section-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:var(--pink)}.ecom-section-card .section-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.ecom-section-card .section-icon i{font-size:28px;color:var(--white)}.ecom-section-card h3{font-size:1.3rem;color:var(--dark);margin-bottom:8px}.ecom-section-card p{color:#666;font-size:14px}.ecom-upload-area{background:var(--white);border:2px dashed #ddd;border-radius:12px;padding:30px;text-align:center;margin-bottom:30px;transition:all .2s}.ecom-upload-area:hover{border-color:var(--pink);background:#fdf9fa}.upload-btn{display:inline-flex;align-items:center;gap:10px;background:var(--pink);color:var(--white);padding:14px 28px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;margin-bottom:10px}.upload-btn:hover{background:#c22960;transform:translateY(-2px)}.upload-btn i{font-size:18px}.upload-hint{display:block;color:#888;font-size:13px}.ecom-files-grid{display:flex;flex-direction:column;gap:10px}.ecom-file-card{background:var(--white);border-radius:10px;padding:15px 20px;display:flex;align-items:center;gap:15px;border:1px solid #eee;transition:all .2s}.ecom-file-card:hover{border-color:var(--pink);box-shadow:0 3px 10px #0000000d}.ecom-file-card .file-icon{width:45px;height:45px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center}.ecom-file-card .file-icon i{font-size:20px;color:var(--pink)}.ecom-file-card .file-info{flex:1;display:flex;flex-direction:column;gap:4px}.ecom-file-card .file-name{font-weight:600;color:var(--dark);font-size:14px}.ecom-file-card .file-meta{font-size:12px;color:#888}.ecom-file-card .file-actions{display:flex;gap:8px}.ecom-file-card .btn-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;cursor:pointer;transition:all .2s;color:#666}.ecom-file-card .btn-icon:hover{background:var(--pink);color:var(--white)}.ecom-file-card .btn-icon.danger:hover{background:#e74c3c}.project-card.ecom-card .project-icon{color:var(--white)}.project-card.ecom-card:hover{transform:translateY(-5px)}@media(max-width:768px){.ecom-content-wrapper{padding:20px}.ecom-sections-grid{grid-template-columns:1fr}.ecom-upload-area{padding:20px}}.customer-dashboard{padding:30px 40px;max-width:1400px;margin:0 auto}.customer-dashboard .dashboard-header{margin-bottom:40px}.customer-dashboard .dashboard-header h1{font-size:1.8rem;margin-bottom:8px;display:flex;align-items:center;gap:12px}.customer-dashboard .dashboard-header h1 i{color:var(--pink)}.customer-dashboard .dashboard-header .subtitle{color:#666;font-size:15px;margin:0}.customer-dashboard .dashboard-section{margin-bottom:40px}.customer-dashboard .dashboard-section h2{font-size:1.2rem;margin-bottom:20px;display:flex;align-items:center;gap:10px;color:#333}.customer-dashboard .dashboard-section h2 i{color:var(--pink);font-size:1rem}.no-data-message{background:var(--white);border-radius:12px;padding:40px;text-align:center;color:#888}.no-data-message i{font-size:2.5rem;margin-bottom:15px;opacity:.5}.no-data-message p{margin:0;font-size:15px}.client-environments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:25px}.client-environment-card{background:var(--white);border-radius:12px;padding:25px;box-shadow:0 2px 10px #0000000d;border-top:4px solid var(--pink);transition:all .3s}.client-environment-card:hover{box-shadow:0 8px 25px #0000001a}.client-card-header{display:flex;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}.client-logo{width:50px;height:50px;border-radius:10px;object-fit:contain}.client-logo-placeholder{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:22px;font-weight:600}.client-card-header .client-info h3{font-size:1.1rem;margin:0 0 4px}.client-card-header .project-count{font-size:12px;color:#888}.environment-links{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.client-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.client-link i.small{font-size:10px;margin-left:auto;opacity:.6}.client-link.demo{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white)}.client-link.demo:hover{transform:translate(3px);box-shadow:0 4px 15px #667eea66}.client-link.admin{background:linear-gradient(135deg,#11998e,#38ef7d);color:var(--white)}.client-link.admin:hover{transform:translate(3px);box-shadow:0 4px 15px #11998e66}.no-links-message{display:flex;align-items:center;gap:10px;padding:15px;background:#f8f9fa;border-radius:8px;color:#888;font-size:13px}.no-links-message i{opacity:.5}.client-projects-section{margin-top:15px}.client-projects-section h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#888;margin-bottom:12px;display:flex;align-items:center;gap:8px}.client-projects-section h4 i{font-size:11px}.client-project-list{display:flex;flex-direction:column;gap:6px}.project-item-link{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#f8f9fa;border-radius:6px;cursor:pointer;transition:all .2s}.project-item-link:hover{background:#eef0f3;padding-left:16px}.project-item-link i{color:var(--pink);font-size:12px;width:16px;text-align:center}.project-item-link .project-name{flex:1;font-size:13px;color:#333}.project-item-link .project-date{font-size:11px;color:#999}.show-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;color:var(--pink);font-size:12px;cursor:pointer;border-radius:6px;transition:background .2s}.show-more:hover{background:#d62e6e1a}.recent-docs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:15px}.recent-doc-card{display:flex;align-items:center;gap:15px;padding:18px 20px;background:var(--white);border-radius:10px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000a}.recent-doc-card:hover{transform:translate(5px);box-shadow:0 4px 15px #00000014}.recent-doc-card .doc-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--pink),var(--purple));border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:16px;flex-shrink:0}.recent-doc-card .doc-info{flex:1;min-width:0}.recent-doc-card .doc-info h4{font-size:14px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-doc-card .doc-meta{display:flex;align-items:center;gap:10px}.recent-doc-card .client-badge{padding:2px 8px;border-radius:4px;font-size:10px;color:var(--white);font-weight:500}.recent-doc-card .date{font-size:11px;color:#999}.recent-doc-card>i.fa-chevron-right{color:#ccc;font-size:12px}.quick-links-grid{display:flex;gap:15px;flex-wrap:wrap}.quick-link-card{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--white);border-radius:10px;cursor:pointer;transition:all .2s;border:2px solid transparent}.quick-link-card:hover{border-color:var(--pink);transform:translateY(-2px)}.quick-link-card i{font-size:18px;color:var(--pink)}.quick-link-card span{font-size:14px;font-weight:500}@media(max-width:900px){.customer-dashboard{padding:20px}.client-environments-grid,.recent-docs-grid{grid-template-columns:1fr}}@media(max-width:600px){.customer-dashboard .dashboard-header h1{font-size:1.4rem}.client-environment-card{padding:20px}.environment-links{flex-direction:column}}.modal-content.modal-small{max-width:400px}.modal-info{background:#f8f9fa;padding:12px 15px;border-radius:8px;margin-bottom:20px;font-size:14px;color:#555}.modal-info strong{color:var(--pink)}.password-actions{display:flex;flex-direction:column;gap:10px;margin-top:12px}.password-actions .btn{justify-content:center}.btn.btn-small{padding:10px 16px;font-size:13px}.btn.btn-secondary{background:#f0f0f0;color:#555;border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn.btn-secondary:hover{background:#e0e0e0;color:#333}.btn.btn-primary{background:var(--pink);color:var(--white);border:none;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s}.btn.btn-primary:hover{background:#c22960}.btn.btn-primary:disabled,.btn.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn.btn-danger{background:#dc3545;color:#fff;border:none}.btn.btn-danger:hover{background:#c82333}.alert-message.error{background:#f8d7da;color:#721c24}.force-password-modal{z-index:10000}.force-password-modal .modal-content{max-width:400px}.password-change-intro{display:flex;align-items:flex-start;gap:15px;padding:16px 18px;background:#ffc10726;border-radius:10px;margin-bottom:20px;border-left:4px solid #ffc107}.password-change-intro i{color:#ffc107;font-size:24px;margin-top:2px}.password-change-intro p{margin:0;font-size:14px;color:#333;line-height:1.5}.form-error{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#dc35451a;border-radius:8px;margin-bottom:15px;color:#dc3545;font-size:13px}.form-error i{font-size:16px}.btn-full{width:100%;justify-content:center;padding:14px 20px;font-size:15px}.force-password-modal .form-group label i{margin-right:8px;color:var(--pink);width:16px}.support-page{max-width:1440px;margin:0 auto;padding:20px 28px}.support-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.support-title{display:flex;align-items:center;gap:12px}.support-title i{font-size:1.6rem;color:var(--pink)}.support-title h1{margin:0;font-size:1.5rem;color:#0f172a;font-weight:800;letter-spacing:-.02em}.support-controls{display:flex;align-items:center;gap:15px}.lang-switcher{display:flex;gap:5px;background:#f0f0f0;padding:4px;border-radius:8px}.lang-btn{padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.lang-btn:hover{background:#ffffff80}.lang-btn.active{background:#fff;box-shadow:0 2px 5px #0000001a}.support-search{display:flex;align-items:center;gap:12px;padding:14px 20px;background:#fff;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 10px #0000000d}.support-search i{color:#888;font-size:18px}.support-search input{flex:1;border:none;outline:none;font-size:16px}.support-layout{display:grid;grid-template-columns:280px 1fr;gap:30px}.support-sidebar{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #0000000d;height:fit-content;position:sticky;top:100px}.category-list{display:flex;flex-direction:column;gap:8px}.category-btn{display:flex;align-items:center;gap:12px;padding:12px 15px;border:none;background:transparent;border-radius:8px;cursor:pointer;text-align:left;transition:all .2s;font-size:14px;color:#555}.category-btn i{width:20px;color:var(--cat-color, #888)}.category-btn span:first-of-type{flex:1}.category-btn .count{background:#f0f0f0;padding:2px 8px;border-radius:10px;font-size:12px;color:#888}.category-btn:hover{background:#f5f5f5}.category-btn.active{background:#d62e6e1a;color:var(--pink)}.category-btn.active i{color:var(--pink)}.category-btn.active .count{background:var(--pink);color:#fff}.support-main{min-height:400px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.article-card{display:flex;gap:15px;padding:20px;background:#fff;border-radius:12px;cursor:pointer;transition:all .2s;box-shadow:0 2px 10px #0000000d;position:relative}.article-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.article-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.article-icon i{color:#fff;font-size:20px}.article-info{flex:1;min-width:0}.article-info h3{margin:0 0 8px;font-size:1rem;color:#333;line-height:1.3}.article-excerpt{margin:0 0 12px;font-size:13px;color:#666;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-footer{display:flex;align-items:center;gap:10px}.category-tag{font-size:11px;color:#fff;padding:3px 10px;border-radius:12px}.edit-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;border:none;background:#f0f0f0;border-radius:8px;cursor:pointer;opacity:0;transition:all .2s}.article-card:hover .edit-btn{opacity:1}.edit-btn:hover{background:var(--pink);color:#fff}.no-articles{text-align:center;padding:60px 20px;color:#888}.no-articles i{font-size:48px;margin-bottom:15px;opacity:.5}.no-articles p{font-size:16px;margin-bottom:20px}.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;background:#f0f0f0;border-radius:8px;cursor:pointer;font-size:14px;color:#555;transition:all .2s}.back-btn:hover{background:#e0e0e0}.support-article-detail{background:#fff;border-radius:12px;padding:40px;margin-top:25px;box-shadow:0 2px 10px #0000000d}.article-header{display:flex;align-items:center;gap:20px;margin-bottom:20px}.article-header i{font-size:2.5rem;color:var(--pink)}.article-header h1{margin:0;font-size:1.8rem;color:#333}.article-meta{display:flex;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #eee;color:#888;font-size:14px}.article-meta span{display:flex;align-items:center;gap:8px}.article-content{font-size:15px;line-height:1.8;color:#444}.article-content h2{color:#333;margin-top:30px;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--pink)}.article-content h3{color:#444;margin-top:25px;margin-bottom:12px}.article-content ul,.article-content ol{margin:15px 0;padding-left:25px}.article-content li{margin-bottom:8px}.article-content code{background:#f5f5f5;padding:2px 8px;border-radius:4px;font-family:Monaco,Menlo,monospace;font-size:13px}.article-content pre{background:#1a1a2e;color:#fff;padding:20px;border-radius:10px;overflow-x:auto;margin:20px 0}.article-content pre code{background:none;padding:0;color:inherit}.article-content blockquote{border-left:4px solid var(--pink);margin:20px 0;padding:15px 20px;background:#f9f9f9;border-radius:0 8px 8px 0;font-style:italic;color:#555}.support-editor{background:#fff;border-radius:12px;padding:30px;margin-top:25px;box-shadow:0 2px 10px #0000000d}.editor-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}.lang-tabs{display:flex;gap:5px;margin-bottom:20px;padding:5px;background:#f0f0f0;border-radius:8px;width:fit-content}.lang-tab{padding:10px 20px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.lang-tab.active{background:#fff;box-shadow:0 2px 5px #0000001a}.support-editor .form-group{margin-bottom:20px}.support-editor .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#555;font-size:13px}.support-editor .form-group input,.support-editor .form-group select,.support-editor .form-group textarea{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:border-color .2s}.support-editor .form-group input:focus,.support-editor .form-group select:focus,.support-editor .form-group textarea:focus{outline:none;border-color:var(--pink)}.support-editor .form-group textarea{font-family:Monaco,Menlo,monospace;font-size:13px;resize:vertical}@media(max-width:900px){.support-layout{grid-template-columns:1fr}.support-sidebar{position:static}.category-list{flex-direction:row;flex-wrap:wrap}.editor-row{grid-template-columns:1fr}}.support-ticketing{padding:30px;max-width:1400px;margin:0 auto}.support-ticketing h1{font-size:28px;margin-bottom:25px;color:#333}.tickets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;flex-wrap:wrap;gap:15px}.tickets-filters{display:flex;gap:10px;flex-wrap:wrap}.tickets-filters select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:var(--white);font-size:13px;cursor:pointer}.tickets-filters select:focus{outline:none;border-color:var(--pink)}.tickets-list{background:var(--white);border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.ticket-row{display:grid;grid-template-columns:100px 1fr 120px 100px 100px 140px;padding:15px 20px;border-bottom:1px solid #eee;align-items:center;cursor:pointer;transition:background .2s}.ticket-row:hover{background:#f8f9fa}.ticket-row.header{background:#f5f5f5;font-weight:600;font-size:12px;text-transform:uppercase;color:#666;cursor:default}.ticket-row.header:hover{background:#f5f5f5}.ticket-number{font-family:monospace;font-size:13px;color:var(--pink);font-weight:600}.ticket-subject{font-weight:500}.ticket-subject .ticket-category{font-size:11px;color:#888;font-weight:400;display:block;margin-top:3px}.ticket-user{font-size:13px;color:#666}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;display:inline-block}.status-badge.open{background:#e3f2fd;color:#1565c0}.status-badge.in_progress{background:#fff3e0;color:#ef6c00}.status-badge.waiting_customer{background:#fce4ec;color:#c2185b}.status-badge.waiting_internal{background:#f3e5f5;color:#7b1fa2}.status-badge.resolved{background:#e8f5e9;color:#2e7d32}.status-badge.closed{background:#eceff1;color:#546e7a}.priority-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.priority-badge.low{background:#e8f5e9;color:#388e3c}.priority-badge.medium{background:#fff8e1;color:#f57c00}.priority-badge.high{background:#ffebee;color:#d32f2f}.priority-badge.urgent{background:#d32f2f;color:#fff}.ticket-date{font-size:12px;color:#888}.no-tickets{padding:60px 20px;text-align:center;color:#888}.no-tickets p{margin-bottom:20px}.ticket-detail{display:grid;grid-template-columns:1fr 300px;gap:25px}.ticket-main{background:var(--white);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.ticket-header h2{font-size:22px;margin-bottom:8px}.ticket-meta{display:flex;gap:15px;flex-wrap:wrap;font-size:13px;color:#666}.ticket-meta span{display:flex;align-items:center;gap:5px}.ticket-description{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:25px;white-space:pre-wrap;line-height:1.6}.ticket-comments h3{font-size:16px;margin-bottom:15px;display:flex;align-items:center;gap:8px}.comments-list{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.comment{background:#f8f9fa;padding:15px;border-radius:8px;border-left:3px solid var(--pink)}.comment.internal{background:#fff8e1;border-left-color:#ff9800}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px}.comment-author{font-weight:600}.comment-date{color:#888}.internal-badge{background:#ff9800;color:#fff;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:600;margin-left:8px}.comment-content{white-space:pre-wrap;line-height:1.5}.add-comment{background:#f8f9fa;padding:20px;border-radius:8px}.add-comment h4{margin-bottom:15px;font-size:14px}.add-comment textarea{width:100%;min-height:100px;padding:12px;border:1px solid #ddd;border-radius:6px;resize:vertical;font-family:inherit;font-size:14px;margin-bottom:10px}.add-comment textarea:focus{outline:none;border-color:var(--pink)}.comment-actions{display:flex;justify-content:space-between;align-items:center}.comment-actions label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.sidebar-card{background:var(--white);border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px}.sidebar-card h3{font-size:14px;margin-bottom:15px;color:#666;text-transform:uppercase;letter-spacing:.5px}.sidebar-card .form-group{margin-bottom:15px}.sidebar-card .form-group:last-child{margin-bottom:0}.sidebar-card label{display:block;font-size:12px;color:#888;margin-bottom:5px}.sidebar-card select,.sidebar-card input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px}.sidebar-card select:focus,.sidebar-card input:focus{outline:none;border-color:var(--pink)}.dev-project-link{display:flex;align-items:center;gap:8px;padding:10px;background:#e3f2fd;border-radius:6px;color:#1565c0;text-decoration:none;font-size:13px;font-weight:500}.dev-project-link:hover{background:#bbdefb}.create-ticket-form{display:flex;flex-direction:column;gap:20px}.create-ticket-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.create-ticket-form .form-group{display:flex;flex-direction:column;gap:6px}.create-ticket-form label{font-size:13px;font-weight:500;color:#555}.create-ticket-form input,.create-ticket-form select,.create-ticket-form textarea{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit}.create-ticket-form input:focus,.create-ticket-form select:focus,.create-ticket-form textarea:focus{outline:none;border-color:var(--pink)}.create-ticket-form textarea{min-height:150px;resize:vertical}.create-ticket-form .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}@media(max-width:1000px){.ticket-detail{grid-template-columns:1fr}.ticket-sidebar{flex-direction:row;flex-wrap:wrap}.sidebar-card{flex:1;min-width:250px}}@media(max-width:768px){.ticket-row{grid-template-columns:1fr;gap:8px}.ticket-row.header{display:none}.tickets-header{flex-direction:column;align-items:stretch}.tickets-filters{flex-direction:column}.create-ticket-form .form-row{grid-template-columns:1fr}}.ticket-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:15px;margin-bottom:25px}.stat-card{background:#fff;border-radius:16px;padding:20px;text-align:center;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pink),#ff6b9d)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #d62e6e26;border-color:var(--pink)}.stat-card.open:before{background:linear-gradient(90deg,#3498db,#5dade2)}.stat-card.progress:before{background:linear-gradient(90deg,#9b59b6,#bb8fce)}.stat-card.resolved:before{background:linear-gradient(90deg,#2ecc71,#58d68d)}.stat-value{font-size:2.5rem;font-weight:700;color:#333;line-height:1;margin-bottom:8px}.stat-label{font-size:.85rem;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.ticket-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.ticket-filters select{padding:10px 35px 10px 15px;border:2px solid #e8e8e8;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 12px center;font-size:14px;cursor:pointer;transition:all .2s;appearance:none;min-width:160px}.ticket-filters select:hover{border-color:#ccc}.ticket-filters select:focus{outline:none;border-color:var(--pink);box-shadow:0 0 0 3px #d62e6e1a}.tickets-list{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden}.ticket-row{display:flex;align-items:center;padding:18px 20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s;gap:15px}.ticket-row:last-child{border-bottom:none}.ticket-row:hover{background:linear-gradient(90deg,#d62e6e08,#d62e6e0f)}.ticket-priority{width:5px;height:50px;border-radius:3px;flex-shrink:0}.ticket-info{flex:1;min-width:0}.ticket-header-row{display:flex;align-items:center;gap:12px;margin-bottom:6px}.ticket-id{font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;color:var(--pink);font-weight:600;background:#d62e6e14;padding:3px 8px;border-radius:6px}.status-badge.small{padding:3px 10px;font-size:10px;border-radius:10px;color:#fff;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ticket-subject-row{font-size:15px;font-weight:600;color:#333;margin-bottom:8px;line-height:1.4}.ticket-meta-row{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:#888}.ticket-meta-row span{display:flex;align-items:center;gap:5px}.ticket-meta-row i{color:#bbb;width:14px}.ticket-arrow{color:#ccc;font-size:14px;transition:transform .2s}.ticket-row:hover .ticket-arrow{transform:translate(5px);color:var(--pink)}.no-tickets{padding:80px 40px;text-align:center}.no-tickets i{font-size:64px;color:#ddd;margin-bottom:20px}.no-tickets p{font-size:18px;color:#888;margin-bottom:25px}.ticket-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:25px}.ticket-detail-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 2px 12px #0000000f;margin-bottom:25px}.ticket-detail-header{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.ticket-detail-header .priority-badge,.ticket-detail-header .status-badge{padding:5px 14px;border-radius:8px;font-size:11px;font-weight:600;text-transform:uppercase;color:#fff}.category-badge{display:flex;align-items:center;gap:6px;padding:5px 12px;background:#f5f5f5;border-radius:8px;font-size:12px;color:#666}.category-badge i{color:var(--pink)}.ticket-detail-card h1.ticket-subject{font-size:1.5rem;margin:0 0 15px;color:#222;line-height:1.4}.ticket-detail-card .ticket-meta{display:flex;flex-wrap:wrap;gap:20px;padding-bottom:20px;border-bottom:1px solid #eee;margin-bottom:20px;font-size:13px;color:#666}.ticket-detail-card .ticket-meta span{display:flex;align-items:center;gap:6px}.ticket-detail-card .ticket-meta i{color:#bbb}.ticket-detail-card .ticket-description{background:#f8f9fa;padding:20px;border-radius:12px;white-space:pre-wrap;line-height:1.7;color:#444;font-size:14px}.comments-section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 2px 12px #0000000f}.comments-section h3{font-size:1.1rem;margin:0 0 20px;display:flex;align-items:center;gap:10px;color:#333}.comments-section h3 i{color:var(--pink)}.comment-card{background:#f8f9fa;border-radius:12px;padding:18px;margin-bottom:15px;border-left:4px solid var(--pink);transition:all .2s}.comment-card:hover{box-shadow:0 4px 15px #0000000d}.comment-card.internal{background:#fff8e1;border-left-color:#ff9800}.comment-card.internal .internal-badge{display:inline-flex;align-items:center;gap:5px;background:#ff9800;color:#fff;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:600;margin-bottom:12px}.comment-card.own{background:#d62e6e0d}.comment-card .comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.comment-card .comment-author{display:flex;align-items:center;gap:8px;font-weight:600;color:#333}.comment-card .comment-author i{color:var(--pink);font-size:18px}.comment-card .role-tag{font-size:10px;font-weight:500;padding:2px 8px;background:#e0e0e0;color:#666;border-radius:10px;text-transform:capitalize;margin-left:6px}.comment-card .comment-date{font-size:12px;color:#999}.comment-card .comment-content{white-space:pre-wrap;line-height:1.6;color:#444}.comments-section.chat-thread h3{font-size:12px;margin-bottom:16px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.chat-message{padding:0 0 6px;position:relative}.chat-message+.chat-message{border-top:1px solid #f1f5f9;padding-top:16px;margin-top:8px}.chat-message.internal{background:#ff98000d;border-radius:10px;padding:12px 14px;margin:6px 0;border:1px solid rgba(255,152,0,.1)}.chat-internal-badge{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;color:#f59e0b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;background:#f59e0b1a;padding:2px 8px;border-radius:4px}.chat-message-row{display:flex;gap:14px;align-items:flex-start}.chat-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0;letter-spacing:.02em;box-shadow:0 2px 8px #0000001f}.chat-avatar.small{width:30px;height:30px;font-size:10px}.chat-message-body{flex:1;min-width:0}.chat-message-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.chat-message-body{position:relative}.chat-message-actions{position:absolute;top:-8px;right:0;display:flex;gap:2px;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:2px;box-shadow:0 2px 8px #0000001a;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}.chat-message:hover .chat-message-actions,.ticket-description:hover .chat-message-actions{opacity:1;pointer-events:auto}.chat-message-actions button{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;color:#64748b;font-size:14px;transition:all .15s}.chat-message-actions button:hover{background:#f1f5f9;color:#334155}.chat-message-actions button:last-child:hover{background:#fef2f2;color:#dc2626}.comment-header-right{display:flex;align-items:center;gap:8px}.comment-card-actions{display:flex;gap:2px;opacity:0;transition:opacity .15s}.comment-card:hover .comment-card-actions{opacity:1}.comment-card-actions button{background:none;border:none;cursor:pointer;padding:3px 7px;border-radius:4px;color:#94a3b8;font-size:14px;transition:all .15s}.comment-card-actions button:hover{background:#f1f5f9;color:#475569}.comment-card-actions button.danger:hover{background:#fef2f2;color:#dc2626}.chat-author{font-weight:700;font-size:13.5px;color:#1e293b}.chat-role{font-size:9px;font-weight:600;padding:2px 7px;background:#e2e8f0;color:#475569;border-radius:10px;text-transform:capitalize}.chat-time{font-size:11px;color:#94a3b8;margin-left:auto;font-weight:500}.chat-text{font-size:13.5px;line-height:1.6;color:#334155;word-break:break-word}.markdown-body p{margin:0!important}.markdown-body p+p{margin-top:2px!important}.markdown-body ul,.markdown-body ol{margin:2px 0!important;padding-left:20px!important}.markdown-body li{margin:0!important;padding:0!important;line-height:1.5}.markdown-body li>p{margin:0!important;display:inline}.markdown-body li>p+p{margin-top:0!important}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.copy-md-btn{display:inline-flex;align-items:center;gap:3px}.copy-md-btn .md-label{font-size:9px;font-weight:700;letter-spacing:.02em}.markdown-body code{background:#0000000f;padding:1px 4px;border-radius:3px;font-size:.9em}.markdown-body pre{background:#1e293b;color:#e2e8f0;padding:10px;border-radius:6px;overflow-x:auto;margin:4px 0}.markdown-body pre code{background:none;padding:0;color:inherit}.markdown-body blockquote{border-left:3px solid var(--pink);margin:4px 0;padding:2px 12px;color:#64748b}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:6px 0 2px}.markdown-body h1{font-size:1.3em}.markdown-body h2{font-size:1.15em}.markdown-body h3{font-size:1.05em}.markdown-body a{color:var(--pink);text-decoration:underline}.markdown-body hr{border:none;border-top:1px solid #e5e7eb;margin:8px 0}.markdown-body table{border-collapse:collapse;width:100%;margin:8px 0;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid #e5e7eb;padding:6px 10px;text-align:left;font-size:12px}.markdown-body th{background:#f8fafc;font-weight:600}.chat-message .comment-attachments{margin-top:8px}.chat-message .comment-edit-form textarea{font-size:13px;padding:8px 12px;border-width:1.5px}.chat-reply-form{background:#f8fafc;border-top:1px solid #e5e7eb;padding:14px 20px;margin:12px -24px 0}.chat-reply-row{display:flex;align-items:flex-end;gap:10px}.chat-reply-input{flex:1;border:1.5px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-size:13.5px;font-family:inherit;outline:none;transition:all .2s;background:#fff;resize:none;line-height:1.5;min-height:60px;max-height:200px;overflow-y:auto;color:#1e293b}.chat-reply-input:focus{border-color:var(--pink);background:#fff;box-shadow:0 0 0 3px #d62e6e14}.chat-reply-input::placeholder{color:#94a3b8}.chat-reply-actions{display:flex;align-items:center;gap:4px}.chat-reply-actions .btn-icon{padding:8px;color:#94a3b8;font-size:14px;border-radius:8px;transition:all .2s}.chat-reply-actions .btn-icon:hover{color:#475569;background:#e2e8f0}.chat-internal-toggle i{font-size:14px;color:#cbd5e1;cursor:pointer;padding:8px;transition:all .2s;border-radius:8px}.chat-internal-toggle i:hover{background:#fef3c7}.chat-internal-toggle i.active{color:#f59e0b;background:#f59e0b1a}.chat-send-btn{background:var(--pink);color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s;box-shadow:0 2px 8px #d62e6e4d}.chat-send-btn:hover:not(:disabled){background:#c0285f;transform:scale(1.05);box-shadow:0 4px 12px #d62e6e66}.chat-send-btn:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.ticket-detail-pane.in-split .ticket-detail-card{padding:0;border-radius:0;box-shadow:none;border:none;background:transparent}.ticket-detail-pane.in-split .ticket-subject{font-size:1.25rem;margin-bottom:6px;color:#0f172a;font-weight:700;line-height:1.35}.ticket-detail-pane.in-split .ticket-meta{font-size:12px;gap:12px;color:#64748b;padding-bottom:14px;border-bottom:1px solid #e5e7eb;margin-bottom:14px}.ticket-detail-pane.in-split .ticket-meta i{color:#94a3b8}.ticket-detail-pane.in-split .ticket-description{font-size:13.5px;line-height:1.65;color:#334155;padding:14px 16px;background:#f8fafc;border-radius:10px;border:1px solid #e5e7eb}.ticket-detail-pane.in-split .ticket-attachments-section h3{font-size:13px}.ticket-detail-pane.in-split .comments-section h3{font-size:12px;padding:16px 0 10px;border-top:1px solid #e5e7eb;margin-top:16px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.comment-form{margin-top:25px;padding-top:20px;border-top:2px solid #eee}.comment-form textarea{width:100%;padding:15px;border:2px solid #e8e8e8;border-radius:12px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s;min-height:100px}.comment-form textarea:focus{outline:none;border-color:var(--pink)}.comment-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px;flex-wrap:wrap;gap:12px}.internal-checkbox{display:flex;align-items:center;gap:8px;font-size:13px;color:#666;cursor:pointer}.internal-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#ff9800}.internal-checkbox span{display:flex;align-items:center;gap:5px}.internal-checkbox i{color:#ff9800}.ticket-sidebar{display:flex;flex-direction:column;gap:20px}.ticket-sidebar .sidebar-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 12px #0000000f}.ticket-sidebar .sidebar-section h4{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#888;margin:0 0 12px}.ticket-sidebar .sidebar-section select{width:100%;padding:10px 12px;border:2px solid #e8e8e8;border-radius:8px;font-size:13px;background:#fff;cursor:pointer}.ticket-sidebar .sidebar-section select:focus{outline:none;border-color:var(--pink)}.ticket-sidebar .info-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:13px}.ticket-sidebar .info-item:last-child{border-bottom:none}.ticket-sidebar .info-item span:first-child{color:#888}.ticket-sidebar .info-item span:last-child{color:#333;font-weight:500}.btn-full{width:100%;justify-content:center}.ticket-attachments-section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 2px 12px #0000000f;margin-bottom:25px}.ticket-attachments-section h3{font-size:1.1rem;margin:0 0 15px;display:flex;align-items:center;gap:10px;color:#333}.ticket-attachments-section h3 i{color:var(--pink)}.ticket-attachments{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:15px}.attachment-card{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f9fa;border-radius:10px;border:1px solid #eee;transition:all .2s}.attachment-card:hover{border-color:var(--pink);box-shadow:0 2px 8px #d62e6e1a}.attachment-thumbnail{width:50px;height:50px;border-radius:8px;overflow:hidden;flex-shrink:0;cursor:pointer;background:#eee}.attachment-thumbnail img{width:100%;height:100%;object-fit:cover}.attachment-info{flex:1;min-width:0}.attachment-name{font-size:13px;font-weight:500;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}.attachment-name i{color:var(--pink);flex-shrink:0}.attachment-meta{font-size:11px;color:#999;margin-top:3px}.attachment-actions{display:flex;gap:4px;flex-shrink:0}.attachment-actions .btn-icon,.attachment-actions a.btn-icon{width:30px;height:30px;border-radius:6px;border:none;background:transparent;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:all .2s;text-decoration:none}.attachment-actions .btn-icon:hover,.attachment-actions a.btn-icon:hover{background:#eee;color:var(--pink)}.attachment-actions .btn-icon.danger:hover{background:#ffeef0;color:#e74c3c}.dropzone{border:2px dashed #ddd;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px;color:#999;font-size:13px}.dropzone:hover{border-color:var(--pink);color:var(--pink);background:#d62e6e08}.dropzone.active{border-color:var(--pink);background:#d62e6e0f;color:var(--pink)}.dropzone i{font-size:24px}.pending-files,.comment-pending-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pending-file{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#f0f0f0;border-radius:8px;font-size:12px;color:#555}.pending-file i:first-child{color:var(--pink)}.pending-file .file-size{color:#999;font-size:11px}.pending-files .btn{margin-top:4px}.btn-sm{padding:6px 14px;font-size:12px}.comment-attachments{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}.comment-attachment.embedded-image{width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;border:1px solid #e0e0e0}.comment-attachment.embedded-image img{width:100%;height:100%;object-fit:cover;display:block}.comment-attachment.embedded-image:hover{border-color:var(--pink);box-shadow:0 2px 8px #0000001a}.comment-attachment.file-attachment{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0f4ff;border-radius:8px;font-size:12px;color:#555}.comment-attachment.file-attachment i:first-child{color:var(--blue)}.comment-attachment .file-size{color:#999;font-size:11px}.message-attachments-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;padding-top:8px;border-top:1px solid #f0f0f0}.att-thumb{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0;cursor:pointer;transition:border-color .15s;flex-shrink:0}.att-thumb:hover{border-color:var(--pink);box-shadow:0 2px 6px #0000001a}.att-thumb img{width:100%;height:100%;object-fit:cover;display:block}.att-thumb-delete{position:absolute;top:2px;right:2px;background:#0000008c;color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.att-thumb:hover .att-thumb-delete{opacity:1}.att-file{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#f5f7fa;border-radius:6px;font-size:12px;color:#555}.att-file i:first-child{color:var(--blue)}.att-file a{color:var(--blue);text-decoration:none;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-file a:hover{text-decoration:underline}.att-file-size{color:#999;font-size:11px}.att-file-delete{background:none;border:none;color:#ccc;cursor:pointer;font-size:11px;padding:2px;transition:color .15s}.att-file-delete:hover{color:#e74c3c}.att-add-btn{width:36px;height:36px;border-radius:8px;border:1px dashed #ccc;background:transparent;color:#aaa;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s;flex-shrink:0}.att-add-btn:hover{border-color:var(--pink);color:var(--pink);background:#fff5f8}.comment-form-left{display:flex;align-items:center;gap:12px}.attach-btn{width:36px;height:36px;border-radius:8px;border:1px solid #ddd;background:#fff;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.attach-btn:hover{border-color:var(--pink);color:var(--pink)}.comment-pending-files{padding:8px 0}.attachment-preview-modal{position:fixed;inset:0;background:#000000d9;z-index:10000;display:flex;align-items:center;justify-content:center;padding:30px;animation:fadeIn .2s}.preview-modal-content{background:#fff;border-radius:16px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;width:100%;max-width:1200px}.preview-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;flex-shrink:0}.preview-modal-header h3{font-size:14px;margin:0;display:flex;align-items:center;gap:8px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-modal-header h3 i{color:var(--pink)}.preview-modal-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.preview-modal-actions .btn-icon{width:36px;height:36px;border-radius:8px;border:none;background:#f0f0f0;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s}.preview-modal-actions .btn-icon:hover{background:#e0e0e0;color:#333}.preview-modal-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center;padding:20px;background:#f8f8f8;min-height:300px}.preview-image{max-width:100%;max-height:80vh;object-fit:contain;border-radius:4px}.preview-pdf{width:100%;height:80vh;border:none;border-radius:4px}.history-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:0;cursor:pointer;font-size:11px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em}.history-toggle:hover{color:var(--pink)}.ticket-history{margin-top:12px;max-height:300px;overflow-y:auto}.history-empty{font-size:12px;color:#bbb;text-align:center;padding:10px 0}.history-entry{padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:12px}.history-entry:last-child{border-bottom:none}.history-entry-header{display:flex;justify-content:space-between;margin-bottom:4px}.history-user{font-weight:600;color:#555}.history-date{color:#bbb;font-size:10px}.history-change{display:flex;flex-direction:column;gap:2px}.history-field{font-weight:500;color:#888;font-size:11px}.history-values{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.history-old{color:#e74c3c;text-decoration:line-through;font-size:11px}.history-new{color:#2ecc71;font-weight:600;font-size:11px}.history-values i{font-size:8px;color:#ccc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1100px){.ticket-detail-layout{grid-template-columns:1fr}.ticket-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}}@media(max-width:768px){.ticket-stats{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.8rem}.ticket-filters{flex-direction:column}.ticket-filters select{width:100%}.ticket-row{flex-direction:column;align-items:flex-start}.ticket-priority{width:100%;height:4px;margin-bottom:10px}.ticket-arrow{display:none}.ticket-detail-card,.comments-section{padding:20px}.comment-form-actions{flex-direction:column;align-items:stretch}.comment-form-actions .btn{width:100%}}.support-split-pane{display:flex;height:calc(100vh - 140px);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px #00000014,0 1px 4px #0000000a;border:1px solid #e5e7eb}.split-pane-left{width:380px;min-width:280px;max-width:60%;display:flex;flex-direction:column;background:#f8fafc;overflow:hidden;flex-shrink:0;border-right:1px solid #e5e7eb}.split-pane-left .ticket-stats.compact{display:flex;gap:0;padding:0;margin-bottom:0;background:#fff;border-bottom:1px solid #e5e7eb}.split-pane-left .ticket-stats.compact .stat-card{flex:1;padding:12px 4px;border-radius:0;box-shadow:none;border:none;border-right:1px solid #e5e7eb;text-align:center;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;background:transparent}.split-pane-left .ticket-stats.compact .stat-card:last-child{border-right:none}.split-pane-left .ticket-stats.compact .stat-card:before{height:0}.split-pane-left .ticket-stats.compact .stat-card:hover{background:#d62e6e0a;transform:none;box-shadow:none}.split-pane-left .ticket-stats.compact .stat-value{font-size:1.25rem;font-weight:800;margin-bottom:2px;line-height:1;color:#1e293b}.split-pane-left .ticket-stats.compact .stat-label{font-size:.6rem;letter-spacing:.6px;font-weight:600;color:#94a3b8;text-transform:uppercase}.split-pane-left .ticket-filters.compact{display:flex;gap:6px;padding:8px 12px;margin-bottom:0;flex-wrap:nowrap;border-bottom:1px solid #e5e7eb;background:#fff}.split-pane-left .ticket-filters.compact select{padding:5px 22px 5px 8px;font-size:11px;min-width:0;flex:1;border-radius:6px;border:1px solid #e2e8f0;background-color:#f8fafc;background-position:right 5px center;background-size:8px;color:#475569;transition:border-color .2s}.split-pane-left .ticket-filters.compact select:focus{border-color:var(--pink);outline:none}.split-pane-tickets-scroll{flex:1;overflow-y:auto;overflow-x:hidden}.split-pane-tickets-scroll::-webkit-scrollbar{width:6px}.split-pane-tickets-scroll::-webkit-scrollbar-track{background:transparent}.split-pane-tickets-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.split-pane-tickets-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.split-pane-tickets-scroll .tickets-list{border-radius:0;box-shadow:none;border:none;background:transparent}.ticket-row.compact{padding:12px 14px;gap:10px;border-bottom:1px solid #f1f5f9;border-left:3px solid transparent;border-radius:0;margin:0;box-shadow:none;background:transparent;transition:all .15s ease}.ticket-row.compact:hover{background:#fff;box-shadow:none}.ticket-row.compact .ticket-priority{width:4px;height:100%;min-height:36px;border-radius:3px;align-self:stretch}.ticket-row.compact .ticket-subject-row{font-size:13.5px;font-weight:600;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1e293b;line-height:1.3}.ticket-row.compact .ticket-header-row{margin-bottom:2px;gap:6px}.ticket-row.compact .ticket-id{font-size:11px;padding:1px 6px;background:#d62e6e0f;color:var(--pink);border-radius:4px;font-weight:700}.ticket-inline-meta{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#94a3b8}.ticket-inline-meta i{font-size:10px}.ticket-preview-row{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px;line-height:1.4}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:0 0 0 2px #fffc}.ticket-row.selected{border-left:3px solid var(--pink);background:#fff;box-shadow:inset 0 0 0 1px #d62e6e14}.ticket-row.selected:hover{background:#fff}.ticket-row.selected .ticket-subject-row{color:var(--pink)}.split-pane-divider{width:3px;cursor:col-resize;background:#e5e7eb;position:relative;flex-shrink:0;transition:background .2s;z-index:2}.split-pane-divider:hover,.split-pane-divider.dragging{background:var(--pink);box-shadow:0 0 8px #d62e6e4d}.split-pane-divider:after{content:""}.split-pane-right{flex:1;min-width:400px;overflow-y:auto;display:flex;flex-direction:column;background:#fff}.split-pane-right::-webkit-scrollbar{width:6px}.split-pane-right::-webkit-scrollbar-track{background:transparent}.split-pane-right::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.split-pane-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#cbd5e1;gap:16px}.split-pane-empty i{font-size:48px;opacity:.5}.split-pane-empty p{font-size:15px;color:#94a3b8;font-weight:500}.ticket-detail-pane{display:flex;flex-direction:column}.ticket-detail-pane.in-split{height:100%}.ticket-detail-pane.in-split .ticket-detail-scroll{flex:1;overflow-y:auto;padding:20px 24px}.ticket-detail-pane.in-split .ticket-detail-scroll::-webkit-scrollbar{width:6px}.ticket-detail-pane.in-split .ticket-detail-scroll::-webkit-scrollbar-track{background:transparent}.ticket-detail-pane.in-split .ticket-detail-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ticket-detail-pane-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc;flex-shrink:0}.ticket-detail-pane-title{display:flex;align-items:center;gap:10px;font-size:13px}.ticket-detail-pane.in-split .ticket-detail-card{margin-bottom:0;box-shadow:none;border:none;border-radius:0;padding:0;background:transparent}.ticket-detail-pane.in-split .ticket-attachments-section{margin-bottom:0}.ticket-detail-pane.in-split .comments-section{margin-bottom:0;box-shadow:none;border:none;border-radius:0;padding:0;background:transparent}.ticket-detail-info-sections{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.ticket-detail-info-sections .sidebar-section{margin-bottom:4px;background:#f8fafc;border-radius:10px}.ticket-management-strip{background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0}.management-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 20px;border:none;background:none;cursor:pointer;font-size:12px;font-weight:600;color:#64748b;transition:all .2s}.management-toggle:hover{background:#d62e6e0a;color:var(--pink)}.management-toggle span{display:flex;align-items:center;gap:8px}.management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:4px 20px 16px}.management-grid>div{display:flex;flex-direction:column;gap:4px}.management-grid label{font-size:10px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.management-grid select,.management-grid input[type=text]{width:100%;padding:6px 10px;border-radius:6px;border:1px solid #e2e8f0;font-size:12px;color:#334155;background:#fff;transition:border-color .2s}.management-grid select:focus,.management-grid input[type=text]:focus{border-color:var(--pink);outline:none;box-shadow:0 0 0 2px #d62e6e1a}.ticket-detail-body{display:flex;flex:1;min-height:0;position:relative}.ticket-detail-body>.ticket-detail-scroll{flex:1;min-width:0}.beheer-sidebar{width:240px;flex-shrink:0;background:#f8fafc;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto}.beheer-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:600;color:#64748b}.beheer-sidebar-header span{display:flex;align-items:center;gap:8px}.beheer-sidebar-content{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.beheer-field{display:flex;flex-direction:column;gap:4px}.beheer-field label{font-size:10px;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.beheer-field select,.beheer-field input[type=text]{width:100%;padding:6px 10px;border-radius:6px;border:1px solid #e2e8f0;font-size:12px;color:#334155;background:#fff;transition:border-color .2s}.beheer-field select:focus,.beheer-field input[type=text]:focus{border-color:var(--pink);outline:none;box-shadow:0 0 0 2px #d62e6e1a}.beheer-divider{height:1px;background:#e5e7eb;margin:4px 0}.editable-field{position:relative}.editable-field:hover .edit-btn{opacity:1}.btn-icon.edit-btn{opacity:0;transition:opacity .2s;padding:4px 6px;font-size:11px;color:#999;margin-left:8px;vertical-align:middle}.btn-icon.edit-btn:hover{color:var(--pink)}.comment-header:hover .edit-btn{opacity:1}.inline-edit{display:flex;flex-direction:column;gap:8px}.inline-edit input,.inline-edit textarea{width:100%;padding:8px 12px;border:2px solid var(--pink);border-radius:8px;font-size:14px;font-family:inherit;outline:none;box-sizing:border-box}.inline-edit input:focus,.inline-edit textarea:focus{box-shadow:0 0 0 3px #d62e6e26}.inline-edit-actions{display:flex;gap:6px;justify-content:flex-end}.comment-edit-form{display:flex;flex-direction:column;gap:8px;margin-top:8px}.comment-edit-form textarea{width:100%;padding:8px 12px;border:2px solid var(--pink);border-radius:8px;font-size:13px;font-family:inherit;outline:none;resize:vertical;box-sizing:border-box}.edited-indicator{font-style:italic;color:#999;font-size:11px;margin-left:6px;cursor:help}@media(max-width:900px){.support-split-pane{display:none}}.updates-list{margin-top:8px}.update-link{position:relative}.update-link .badge{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#dc3545;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.update-link.severity-critical{border-left:3px solid #dc3545}.update-link.severity-high{border-left:3px solid #fd7e14}.updates-overview{max-width:100%}.updates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:24px}.update-card{background:#fff;border-radius:12px;padding:20px;cursor:pointer;transition:all .2s;border:1px solid #e0e0e0;border-left:4px solid #6c757d}.update-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.update-card.severity-critical{border-left-color:#dc3545;background:linear-gradient(135deg,#fff5f5,#fff)}.update-card.severity-high{border-left-color:#fd7e14}.update-card.severity-medium{border-left-color:#ffc107}.update-card.severity-low{border-left-color:#28a745}.update-card.severity-info{border-left-color:#17a2b8}.update-card-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.update-card-header i{font-size:20px;color:#6c757d}.update-card.severity-critical .update-card-header i{color:#dc3545}.type-badge{font-size:11px;padding:3px 8px;border-radius:12px;font-weight:500}.type-badge.type-security{background:#ffe0e0;color:#c0392b}.type-badge.type-bugfix{background:#fff3cd;color:#856404}.type-badge.type-maintenance{background:#e2e3e5;color:#383d41}.type-badge.type-feature{background:#d4edda;color:#155724}.critical-badge{background:#dc3545;color:#fff;font-size:10px;padding:2px 6px;border-radius:4px;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.update-card h3{margin:0 0 12px;font-size:16px;color:#333}.update-card-meta{display:flex;gap:15px;font-size:12px;color:#666}.update-card-meta i{margin-right:4px}.update-view .doc-header{border-bottom:1px solid #eee;padding-bottom:20px;margin-bottom:24px}.update-view .update-type,.update-view .update-severity{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;margin-right:8px}.update-type.type-security{background:#ffe0e0;color:#c0392b}.update-type.type-bugfix{background:#fff3cd;color:#856404}.update-type.type-maintenance{background:#e2e3e5;color:#383d41}.update-type.type-feature{background:#d4edda;color:#155724}.update-severity.severity-critical{background:#dc3545;color:#fff}.update-severity.severity-high{background:#fd7e14;color:#fff}.update-severity.severity-medium{background:#ffc107;color:#333}.update-severity.severity-low{background:#28a745;color:#fff}.update-severity.severity-info{background:#17a2b8;color:#fff}.affected-systems{margin-top:12px;padding:10px 14px;background:#f8f9fa;border-radius:6px;font-size:13px;color:#555}.no-updates{text-align:center;padding:60px 20px;color:#666}.no-updates i{font-size:48px;color:#28a745;margin-bottom:16px}.no-updates p{font-size:16px}.releases-list{padding:8px 0}.release-date-group{margin-bottom:12px}.release-date-header{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;padding:4px 16px;background:#6366f10d;border-radius:4px;margin-bottom:4px}.release-link{display:flex!important;align-items:center;gap:8px;padding:6px 16px!important;font-size:13px!important;position:relative}.release-link .version-badge{font-size:10px;padding:2px 6px;background:#6366f11a;color:#6366f1;border-radius:10px;margin-left:auto}.release-link.type-feature i{color:#10b981}.release-link.type-bugfix i{color:#ef4444}.release-link.type-hotfix i{color:#f59e0b}.release-link.type-improvement i{color:#3b82f6}.releases-simple{max-width:900px}.releases-simple h1{font-size:24px;font-weight:600;margin:0 0 8px;color:#1f2937}.releases-subtitle{color:#6b7280;margin:0 0 24px}.releases-list-simple{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.release-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;cursor:pointer;transition:background .15s}.release-item:last-child{border-bottom:none}.release-item:hover{background:#f9fafb}.release-item-left{display:flex;align-items:center;gap:14px;min-width:0}.release-icon{font-size:16px;width:20px;text-align:center}.release-icon.type-feature{color:#10b981}.release-icon.type-bugfix{color:#ef4444}.release-icon.type-hotfix{color:#f59e0b}.release-icon.type-improvement{color:#3b82f6}.release-icon.type-refactor{color:#8b5cf6}.release-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.release-item-title{font-weight:600;color:#1f2937;font-size:15px}.release-item-meta{font-size:13px;color:#6b7280}.release-item-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.release-type-tag{font-size:12px;padding:4px 10px;border-radius:16px;font-weight:500;text-transform:capitalize}.release-type-tag.type-feature{background:#d1fae5;color:#059669}.release-type-tag.type-bugfix{background:#fee2e2;color:#dc2626}.release-type-tag.type-hotfix{background:#fef3c7;color:#d97706}.release-type-tag.type-improvement{background:#dbeafe;color:#2563eb}.release-type-tag.type-refactor{background:#ede9fe;color:#7c3aed}.release-version{font-family:monospace;font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px}.no-releases-simple{padding:60px 20px;text-align:center;color:#6b7280}@media(max-width:600px){.release-item{flex-direction:column;align-items:flex-start;gap:12px}.release-item-right{width:100%;justify-content:flex-start}}.release-content h2{font-size:18px;font-weight:600;color:#1f2937;margin:24px 0 12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.release-content h2:first-child{margin-top:0}.release-description p,.release-notes p{color:#4b5563;line-height:1.7;white-space:pre-wrap}.file-list{list-style:none;margin:0;background:#f9fafb;border-radius:8px;padding:12px}.file-item{display:flex;align-items:center;gap:8px;padding:8px 12px;font-family:monospace;font-size:13px;border-radius:4px;margin-bottom:4px}.file-item:last-child{margin-bottom:0}.file-item.change-added{background:#10b9811a}.file-item.change-added i{color:#10b981}.file-item.change-modified{background:#f59e0b1a}.file-item.change-modified i{color:#f59e0b}.file-item.change-deleted{background:#ef44441a}.file-item.change-deleted i{color:#ef4444}.file-path{color:#374151;word-break:break-all}.deployments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.deployment-card{background:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.deployment-tenant{font-weight:600;color:#1f2937;margin-bottom:8px}.deployment-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6b7280}.no-releases{text-align:center;padding:48px;color:#6b7280}.no-releases i{font-size:48px;color:#6366f1;margin-bottom:16px}.no-releases p{font-size:16px}.editor-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.editor-modal{background:#fff;border-radius:12px;width:95vw;height:90vh;max-width:1600px;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000040}.editor-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.editor-modal-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:10px}.editor-modal-header h3 i{color:#2563eb}.editor-close-btn{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .15s}.editor-close-btn:hover{background:#fee2e2;color:#dc2626}.editor-modal-body{flex:1;position:relative;overflow:hidden}.editor-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#6b7280}.editor-loading i{font-size:32px;color:#6366f1}.infrastructure-view{padding:20px}.infra-header{margin-bottom:24px}.infra-header h2{font-size:24px;color:#1f2937;margin-bottom:8px}.infra-header p{color:#6b7280}.port-ranges-legend{display:flex;flex-wrap:wrap;gap:16px;padding:16px;background:#f8fafc;border-radius:8px;margin-bottom:24px}.range-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151}.range-color{width:12px;height:12px;border-radius:3px}.infra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:24px}.infra-card{background:#fff;border-radius:12px;border-top:4px solid #d62e6e;box-shadow:0 1px 3px #0000001a;overflow:hidden}.infra-card.large{grid-column:span 2}@media(max-width:900px){.infra-card.large{grid-column:span 1}}.infra-card-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #e5e7eb}.infra-card-header i{font-size:20px}.infra-card-header h3{flex:1;font-size:16px;font-weight:600;color:#1f2937}.slot-badge{background:#f3f4f6;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:#6b7280}.tenant-count{background:#dbeafe;color:#1d4ed8;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.infra-services{padding:8px 0}.service-row{display:flex;align-items:center;padding:10px 16px;gap:12px;border-bottom:1px solid #f3f4f6}.service-row:last-child{border-bottom:none}.service-row.status-planned{opacity:.6}.service-name{flex:1;font-size:13px;color:#374151}.service-name small{color:#9ca3af;font-size:11px}.service-port{font-family:Monaco,Consolas,monospace;font-size:13px;font-weight:600;color:#6366f1;background:#f0f0ff;padding:2px 8px;border-radius:4px}.service-status{width:8px;height:8px;border-radius:50%}.service-status.active{background:#22c55e;box-shadow:0 0 6px #22c55e80}.service-status.planned{background:#9ca3af}.commerce-tenants-table{padding:0;overflow-x:auto}.table-header{display:grid;grid-template-columns:2fr .8fr 1fr 1fr 1fr .5fr;padding:12px 16px;background:#f8fafc;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.table-header-wide{display:grid;grid-template-columns:1.5fr .6fr .8fr .8fr .8fr .8fr .8fr .8fr;padding:12px 16px;background:#f8fafc;font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;min-width:600px}.table-row{display:grid;grid-template-columns:2fr .8fr 1fr 1fr 1fr .5fr;padding:10px 16px;align-items:center;border-bottom:1px solid #f3f4f6}.table-row-wide{display:grid;grid-template-columns:1.5fr .6fr .8fr .8fr .8fr .8fr .8fr .8fr;padding:10px 16px;align-items:center;border-bottom:1px solid #f3f4f6;min-width:600px}.table-row-wide:last-child{border-bottom:none}.table-row:last-child{border-bottom:none}.tenant-name{font-weight:500;color:#1f2937}.tenant-slot{font-family:monospace;color:#6b7280}.table-row .port{font-family:Monaco,Consolas,monospace;font-size:12px;color:#6366f1}.status-dot{width:8px;height:8px;border-radius:50%;justify-self:center}.status-dot.active{background:#22c55e;box-shadow:0 0 6px #22c55e80}.infra-quick-ref{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:24px;color:#fff}.infra-quick-ref h3{font-size:18px;margin-bottom:8px}.infra-quick-ref p{opacity:.9;margin-bottom:16px}.slot-formula{display:flex;flex-wrap:wrap;gap:10px}.slot-formula code{background:#fff3;padding:6px 12px;border-radius:6px;font-size:12px;font-family:Monaco,Consolas,monospace}.support-tabs{display:flex;gap:2px;margin-bottom:24px;border-bottom:2px solid #e5e7eb}.support-tabs .tab-btn{display:flex;align-items:center;gap:8px;padding:12px 22px;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;color:#64748b;font-size:14px;font-weight:600;transition:all .2s;border-radius:0}.support-tabs .tab-btn:hover{color:var(--pink);background:#d62e6e0a}.support-tabs .tab-btn.active{color:var(--pink);border-bottom-color:var(--pink);background:none}.tab-badge{background:var(--pink);color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;box-shadow:0 1px 4px #d62e6e4d}.tab-badge.neutral{background:#e2e8f0;color:#475569;box-shadow:none}.form-section-title{font-size:13px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.05em;margin:20px 0 12px;display:flex;align-items:center;gap:8px}.form-checkboxes{display:flex;gap:24px;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;padding:10px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;transition:all .2s}.checkbox-label:hover{border-color:var(--pink);background:#fff0f5}.checkbox-label input{accent-color:var(--pink);width:16px;height:16px}.tenant-badge{display:inline-flex;align-items:center;gap:4px;background:#e8f4fd;color:#1a6b9a;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500}.tool-badge{display:inline-flex;align-items:center;gap:4px;background:#fff3e0;color:#e65100;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:500}.handlers-section,.reporters-section{padding:4px 0}.handlers-table table,.reporters-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000014}.handlers-table th,.reporters-table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #eee}.handlers-table td,.reporters-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid #f5f5f5;vertical-align:middle}.handlers-table tr:last-child td,.reporters-table tr:last-child td{border-bottom:none}.empty-row{text-align:center;color:#aaa;padding:32px!important}.btn-icon{background:none;border:1px solid #e0e0e0;border-radius:6px;padding:5px 9px;cursor:pointer;color:#666;font-size:13px;transition:all .2s}.btn-icon:hover{background:#f5f5f5}.btn-icon.danger:hover{background:#fee;border-color:#e74c3c;color:#e74c3c}.action-btns{display:flex;gap:6px}.role-tag{background:#e8f4fd;color:#1a6b9a;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.client-tag{background:#e8f5e9;color:#2e7d32;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#fff;border-radius:16px;padding:32px;width:440px;max-width:95vw;box-shadow:0 20px 60px #0003}.modal-card h3{margin:0 0 24px;font-size:18px;color:#1a1a2e;display:flex;align-items:center;gap:10px}.deploy-flow{display:flex;flex-direction:column;gap:8px;margin-top:4px}.deploy-stage-btn{display:flex;align-items:center;gap:10px;padding:10px 16px;border:2px solid #e0e0e0;border-radius:10px;background:#fafafa;cursor:pointer;font-size:14px;font-weight:500;color:#555;transition:all .2s;position:relative;text-align:left}.deploy-stage-btn:hover{border-color:var(--pink);background:#fff0f5;color:var(--pink)}.deploy-stage-btn.active{border-color:var(--pink);background:linear-gradient(135deg,#fff0f5,#ffe4ef);color:var(--pink);font-weight:600}.deploy-stage-btn.done{border-color:#4caf50;background:#f1f8e9;color:#2e7d32}.deploy-stage-btn .check-icon{margin-left:auto;color:#4caf50}.deploy-stage-btn.active .check-icon{color:var(--pink)}.preview-image-info{display:flex;align-items:center;justify-content:center;gap:16px;padding:8px 14px;background:#f1f5f9;border-radius:8px;margin-top:8px;font-size:12px;color:#64748b;font-weight:500;font-variant-numeric:tabular-nums}.preview-image-info span{display:flex;align-items:center;gap:4px}.btn.copied,.btn-icon.copied,button.copied{color:#2ecc71!important;border-color:#2ecc71!important}.chat-message-actions button.copied,.comment-card-actions button.copied{color:#2ecc71!important}.drop-overlay{position:absolute;inset:0;background:#d62e6e14;border:2.5px dashed var(--pink);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:20;pointer-events:none;animation:dropFadeIn .15s ease}.drop-overlay i{font-size:28px;color:var(--pink);opacity:.8}.drop-overlay span{font-size:13px;font-weight:600;color:var(--pink);opacity:.9}@keyframes dropFadeIn{0%{opacity:0}to{opacity:1}}.magic-header{background:#fff;padding:0 30px;height:65px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:3px solid #d62e6e}.header-left{display:flex;align-items:center;gap:15px}.logo-link{display:flex;align-items:center;text-decoration:none}.logo{height:35px}.header-nav{display:flex;align-items:center;gap:5px}.nav-item{padding:8px 16px;border-radius:8px;text-decoration:none;color:#000;font-size:13px;font-weight:500;transition:all .2s;border:none;background:transparent;cursor:pointer}.nav-item:hover{background:#f5f3f0}.nav-item.active{background:#d62e6e;color:#fff}.user-menu{display:flex;align-items:center;gap:15px}.user-info{display:flex;align-items:center;gap:10px;font-size:13px}.user-info .name{font-weight:500}.user-info .role{padding:2px 8px;border-radius:4px;font-size:11px;text-transform:uppercase;color:#fff;background:#d62e6e}.user-info .role.admin{background:#3dd598}.user-info .role.developer{background:#1e90ff}.user-info .role.client{background:#9c27b0}.vietnam-time{display:flex;align-items:center;gap:6px;padding:4px 12px;background:linear-gradient(135deg,#da251d,#ffcd00);color:#fff;border-radius:6px;font-size:13px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.vietnam-time i{font-size:12px}.header-btn{padding:6px 12px;border-radius:6px;text-decoration:none;font-size:12px;transition:all .2s;border:none;cursor:pointer;display:flex;align-items:center;gap:5px}.header-btn i{font-size:12px}.logout-btn{background:#f0f0f0;color:#666}.logout-btn:hover{background:#e0e0e0;color:#333}.admin-btn{background:#3dd598;color:#fff}.admin-btn:hover{background:#2db87d}.nav-item-collapsible{position:relative}.nav-parent{display:flex;align-items:center}.nav-submenu{position:absolute;top:100%;left:0;margin-top:5px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;min-width:150px;box-shadow:0 4px 12px #0000001a;z-index:1001}.nav-subitem{display:block;padding:10px 16px;border-radius:0;white-space:nowrap}.nav-subitem:first-child{border-radius:8px 8px 0 0}.nav-subitem:last-child{border-radius:0 0 8px 8px}.nav-subitem:hover{background:#f5f3f0}.nav-subitem.active{background:#d62e6e;color:#fff}@media(max-width:768px){.header-nav,.user-info .name{display:none}}