body{margin:0;padding:0;height:100vh;background:linear-gradient(135deg,#fff,#fff);display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif}.auth-container{background:#fff;padding:40px 35px;border-radius:15px;box-shadow:0 8px 25px #0003;width:320px;text-align:center;animation:fadeIn .6s ease;display:flex;flex-direction:column}.auth-container h2{margin-bottom:20px;font-size:26px;color:#333;font-weight:600}.auth-container input{width:100%;padding:10px 12px;margin:8px 0;border:1px solid #ccc;border-radius:8px;font-size:14px;transition:all .2s ease}.auth-container input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea4d;outline:none}.auth-container button{width:100%;background:#667eea;color:#fff;border:none;padding:10px 0;border-radius:8px;margin-top:10px;font-size:15px;cursor:pointer;transition:background .25s ease,transform .1s ease}.auth-container button:hover{background:#5a67d8;transform:scale(1.02)}.auth-container p{font-size:13px;margin-top:15px;color:#555}.auth-container a{color:#667eea;text-decoration:none;font-weight:500}.auth-container a:hover{text-decoration:underline}.message{margin-top:12px;font-size:13px;color:#333}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-layout{display:flex;height:100vh;background:#d4d4d4;font-family:Poppins,sans-serif}.sidebar{width:180px;background:#fafafa;color:#222;padding:24px 16px;display:flex;flex-direction:column;position:fixed;top:0;left:0;height:98%;border-right:1px solid #eaeaea;box-shadow:4px 0 18px #0000000a;font-family:Inter,sans-serif;justify-content:space-between}.sidebar-title{text-align:center;margin-bottom:28px;font-size:17px;font-weight:600;color:#1f1f1f;letter-spacing:.5px}.nav-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;height:100%}.nav-links li{margin:10px 0}.nav-links a{text-decoration:none;color:#444;font-size:13px;padding:9px 12px;border-radius:10px;display:flex;align-items:center;gap:8px;transition:.25s ease;position:relative}.nav-links a:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:70%;background:linear-gradient(180deg,#ffb94f,#ffce21);border-radius:4px;transition:.25s ease;opacity:.8;margin-right:4px}.nav-links a:hover{background:#ffcf2128;transform:translate(4px);color:#ffb94f}.nav-links a:hover:before{transform:translateY(-50%) scaleY(1)}.profile-section{display:flex;align-items:center;gap:12px;padding:10px 12px;margin-bottom:24px;cursor:pointer;border-radius:12px;transition:.25s ease;background:#fff;border:1px solid #e6e6e6}.profile-section:hover{background:#f4f4f4;transform:scale(1.02)}.profile-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile-info{display:flex;flex-direction:column}.profile-name{font-size:13px;font-weight:600;color:#111}.profile-email{font-size:11px;color:#666;opacity:.9}.bottom-side{margin-top:auto;padding-top:18px;border-top:1px solid #eeeeee}.log-out-area{display:flex;justify-content:center}.logout-btn{width:95%;padding:8px 0;border-radius:10px;font-size:13px;cursor:pointer;border:none;background:#111;color:#fff;transition:.25s ease;letter-spacing:.3px;margin-bottom:24px}.logout-btn:hover{background:#333;transform:translateY(-2px)}.content{margin-left:180px;width:calc(100vw - 180px);height:100vh;padding:10px 60px;background:#f9f9fb;box-sizing:border-box;overflow-x:hidden}.content h1{color:#555;font-size:24px}.title-customers{display:flex;align-items:center;text-align:center;justify-content:start}.title-customers h2{color:#525252;display:flex;align-items:center;gap:8px}.title-customers h2 span{font-size:32px;padding-bottom:4px}.customer-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px;gap:12px}.filter-btn,.add-btn{background:#fff;color:#797979;border:1px solid #ffffff;border-radius:8px;padding:10px 20px;cursor:pointer;transition:.3s;min-width:120px;white-space:nowrap;box-shadow:0 0 12px #4b4b4b0b;font-size:14px;font-weight:500}.filter-btn:hover,.add-btn:hover{background:#ffedac;color:#ff9e1f;border:1px solid #ffad1f}.customer-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 12px #0000000f}.customer-table th,.customer-table td{padding:14px 10px;text-align:left;border-bottom:1px solid #f0f0f0;font-size:14px}.customer-table th{background:#f7f7f7;color:#555;font-weight:600}.customer-table tr:last-child td{border-bottom:none}.box-add-btn{background:linear-gradient(90deg,#4f8cff,#38e8ff);color:#fff;border:none;border-radius:8px;padding:8px 18px;font-weight:600;cursor:pointer;transition:background .2s}.box-add-btn:hover{background:linear-gradient(90deg,#38e8ff,#4f8cff)}.empty-message{text-align:center;color:#888;margin-top:32px;font-size:16px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.spinner{border:4px solid #eee;border-top:4px solid #38e8ff;border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.input-wrapper{position:relative;display:flex;align-items:center;flex:1}.search-icon{position:absolute;left:12px;font-size:18px;opacity:.6;pointer-events:none;top:50%;transform:translateY(-50%)}.search-input{width:100%;padding:10px 12px 10px 36px;border-radius:8px;border:none;font-size:14px;background:#fff;box-shadow:0 0 12px #4b4b4b0b}.search-input:focus{outline:none;border-color:#3a7afe;box-shadow:0 2px 8px #0000001a;transition:.3s ease-in-out}.glass-bg{padding:20px;background:#fff0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #00000016;border-radius:12px}.customer-table th,.customer-table td{width:100px;padding:16px 0 16px 16px;text-align:left;border-bottom:1px solid #e0e0e0}.customer-table th{background:#fff;font-weight:600;color:#727272;font-size:12px}.customer-table tr td{color:#525252;font-weight:500;font-size:12px}.modal-filter{background:#fff;color:#000;border-radius:10px;padding:20px;width:800px;max-height:90vh;overflow-y:auto}.modal-overlay-filter{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.modal-filter select{background-color:#fff;color:#555;width:100%;padding:8px;border-radius:8px;border:1px solid #ccc}.modal-filter input{width:93%;margin-bottom:10px;padding:8px;border-radius:8px;border:1px solid #ccc}.modal-overlay,.modal-overlay-rez{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.customer-form input,.customer-form select,.customer-form textarea{width:100%;padding:10px;margin-top:8px;margin-bottom:12px;border-radius:8px;border:1px solid #ccc;background-color:#fff;color:#222;font-size:14px;font-family:Poppins,sans-serif}.customer-form input:focus,.customer-form select:focus,.customer-form textarea:focus{outline:none;border-color:#ffb94f;background-color:#fff}.modal{background:#fff;color:#000;border-radius:10px;padding:20px;width:1200px;max-height:90vh;overflow-y:auto}.modal-rez{background:#fff;color:#000;border-radius:10px;padding:30px;width:500px;max-width:90%;box-shadow:0 10px 25px #0003}.modal-rez h2{text-align:center;margin-bottom:15px;color:#333}.modal-rez p{text-align:center;font-size:14px;line-height:1.6;margin-bottom:20px;color:#555}.modal select{background-color:#fff;color:#555;width:100%;padding:8px}.modal h2{text-align:center;margin-bottom:15px;background:linear-gradient(to left,#30ae7e,#29b89e,#2b5dc2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal input,.modal textarea{width:93%;margin-bottom:10px;padding:8px;border-radius:8px;border:1px solid #ccc}.modal textarea{resize:vertical;height:150px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.modal-actions .cancel-btn{background-color:#7d7d7d;color:#fff;padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:.2s}.modal-actions .cancel-btn:hover{background-color:#3e3e3e}.modal-actions button[type=submit]{background-color:#ffce21;color:#fff;padding:10px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}.modal-actions button[type=submit]:hover{background-color:#ffb94f}.edit-btn{border:none;cursor:pointer;font-size:16px;margin:4px 5px;background:#fafafa;padding:10px;transition:all .35s cubic-bezier(.4,0,.2,1);border-radius:12px;box-shadow:0 3px 10px #0000000f;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#666;border:1px solid #efefef}.edit-btn:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1);z-index:0;background:linear-gradient(135deg,#fff4e0,#ffe8b3)}.edit-btn svg,.edit-btn i{position:relative;z-index:1;transition:transform .3s ease}.edit-btn:hover{color:#ff9500;border-color:#ffd89e;box-shadow:0 6px 18px #ff950033;transform:translateY(-2px)}.edit-btn:hover:before{width:100%}.edit-btn:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.checkbox-group label{background:#f4f4f4;border-radius:6px;padding:5px 10px;display:flex;align-items:center;gap:5px;cursor:pointer;transition:.2s}.checkbox-list input[type=checkbox]{appearance:none;width:18px;height:18px;border:2px solid #ccc;border-radius:4px;cursor:pointer;position:relative;transition:all .2s ease;background:#fff;flex-shrink:0}.checkbox-list input[type=checkbox]:checked{background:#ffb94f;border-color:#ffb94f}.checkbox-list input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.checkbox-group label:hover{background:#e7e7e7}.customer-number-information{display:flex;justify-content:space-between;align-items:stretch;gap:20px;margin-bottom:30px}.customer-number-information>div{flex:1;border-radius:16px;position:relative}.first-box{background:linear-gradient(135deg,#fff,#fff);display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 8px 20px #0000001a;border-radius:12px}.first-box h2{font-size:16px;background:linear-gradient(135deg,#f90,#ffe570);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600;margin-top:30px}.first-box h2 span{font-size:16px;font-weight:300;color:#555}.first-box img{width:200px}.colored-box{color:#fff;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 2px 20px #00000024}.blue-gradient{background:linear-gradient(135deg,#ffbe56,#ffb444);padding:20px}.orange-gradient{background:linear-gradient(135deg,#ffb94f,#fd4);padding:20px}.green-gradient{background:linear-gradient(135deg,#ffd043,#ffeb3b);padding:20px}.colored-box h3{font-size:17px;font-weight:600;margin:0}.colored-box p{font-size:13px;margin:4px 0 0;opacity:.9}.colored-box h2{font-size:28px;margin-top:10px;font-weight:700}.box-num{position:absolute;top:10px;right:10px;background:#fff3;color:#fff;font-weight:700;font-size:13px;padding:6px 10px;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 6px #0000000f}@media(max-width:900px){.customer-number-information{flex-direction:column}}.modal-three-columns{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.modal-column{flex:1;background:#f9f9f9;border-radius:10px;padding:16px;height:90%;display:flex;flex-direction:column;box-shadow:0 2px 6px #00000014}.modal-column h3{font-size:16px;margin-bottom:10px;color:#252c32}.search-bar{display:flex;align-items:center;gap:10px;margin-bottom:10px}.search-bar input{flex:1;padding:8px;border-radius:8px;border:1px solid #ccc}.search-bar button{background-color:#ffb94f;color:#fff;border:none;border-radius:8px;padding:9px 12px;cursor:pointer;transition:.3s ease-in-out;margin:0;position:relative;overflow:hidden;box-shadow:0 3px 12px #00000014}.search-bar button:after{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(120deg,#fff0,#fff6 40%,#fffc,#fff6 60%,#fff0);filter:blur(2px);transform:skew(-25deg);transition:all .75s ease-in-out}.search-bar button:hover:after{left:130%}.search-bar button:hover{filter:brightness(1.15);transform:scale(1.03)}.checkbox-list{overflow-y:auto;max-height:500px;padding:5px}.checkbox-list label div{display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.checkbox-list label{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:6px;padding:5px 8px;margin:8px 0;cursor:pointer;transition:all .25s ease;position:relative;color:#252c32}.checkbox-list label:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(180deg,#ffb94f,#ffce21);transform:scaleY(0);transform-origin:center;transition:transform .25s ease;border-radius:6px 0 0 6px}.checkbox-list label:hover{background:#ffcf2128;border-color:#568effaa;box-shadow:0 2px 6px #ffb94f3b}.checkbox-list label:hover:before{transform:scaleY(1)}.modal *{font-size:12px!important}.modal-four-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}.modal-column{background:#f9f9f9;border-radius:10px;padding:24px 16px;display:flex;flex-direction:column;box-shadow:0 2px 6px #00000014}.modal-column h3{font-size:13px;margin-bottom:10px;color:#333}.delete-icon{color:red;cursor:pointer;transition:.2s}.delete-icon:hover{transform:scale(1.2)}.modal-column h3+.search-bar{margin-bottom:10px}.modal-column h3+.checkbox-list{margin-bottom:15px}.modal-column:nth-child(3) .checkbox-list+h3{margin-top:20px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background:#fff;font-family:Poppins,sans-serif;color:#308cdd;font-size:1.2rem;letter-spacing:1px}.spinner{width:60px;height:60px;border:6px solid #e0f0ff;border-top:6px solid #7EB1EE;border-right:6px solid #308cdd;border-radius:100%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;box-shadow:0 0 12px #7eb1ee80,0 0 8px #308cdd4d}.filter-btn{background:linear-gradient(135deg,#fff,#fff);color:#797979;border:none;border-radius:8px;padding:10px 12px;cursor:pointer;transition:.3s ease-in-out;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px #00000014}.filter-btn:hover{background:#ffedac;color:#ff9e1f;border:1px solid #ffad1f}.filter-form{display:flex;flex-direction:column;gap:10px}.date-range{display:flex;align-items:center;gap:8px}.modal-overlay-del{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-del{background:#fff;padding:45px 30px;border-radius:12px;max-width:250px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;position:relative;height:330px;justify-content:end;align-items:center}.modal-del img{width:200px;height:200px}.modal-del p{text-align:center;font-size:1rem;margin-bottom:44px}.modal-actions-del{display:flex;justify-content:center;gap:10px}.modal-actions-del .cancel-btn-del{background:#ccc;color:#333;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.modal-actions-del .cancel-btn-del:hover{background:#b3b3b3}.modal-actions-del .delete-btn-del{background:#e74c3c;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.modal-actions-del .delete-btn-del:hover{background:#c0392b}.done-btn{background-color:#28a745;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.done-btn:hover{background-color:#218838}.toast{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:10px;z-index:9999;padding:12px 20px;border-radius:8px;color:#fff;font-weight:700;border-top:5px solid transparent;box-shadow:0 4px 6px #0003;animation:fadeInOut 3s forwards}.toast-icon{font-size:20px}.toast-message{font-size:16px}.toast.success{background:#4caf50;border-top-color:#2e7d32}.toast.error{background:#f44336;border-top-color:#b71c1c}.toast.update{background:#2196f3;border-top-color:#1565c0}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.note-with-mic{position:relative;display:flex;align-items:center}.note-with-mic textarea{flex:1;resize:vertical;padding-right:45px;font-size:14px}.mic-container{position:absolute;right:20px;bottom:20px;background:#f44336;color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;overflow:hidden}.mic-container:hover{background:#d32f2f;transform:scale(1.05)}.mic-icon{font-size:22px;pointer-events:none}.mic-slash{position:absolute;width:2px;height:38px;background:red;transform:rotate(45deg);opacity:0;animation:slashIn .3s forwards}@keyframes slashIn{0%{opacity:0;transform:rotate(45deg) scale(.8)}to{opacity:1;transform:rotate(45deg) scale(1)}}.mic-container.listening{background:radial-gradient(circle,#4caf50 40%,#2e7d32 90%);animation:pulse 1.2s infinite}@keyframes pulse{0%{box-shadow:0 0 #4caf5080}70%{box-shadow:0 0 0 10px #4caf5000}to{box-shadow:0 0 #4caf5000}}.box-add-btn{width:80%;margin:10px auto 0;display:block;background:#ffffff40;border:1px solid rgba(255,255,255,.4);color:#fff;font-weight:500;font-size:14px;padding:6px 0;border-radius:8px;cursor:pointer;text-align:center;transition:all .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.box-add-btn-pool{width:50%;display:block;background:#fff27a;border:1px solid rgba(255,255,255,.4);color:#000;font-weight:500;font-size:13px;padding:8px 0;border-radius:8px;cursor:pointer;text-align:center;transition:all .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.box-add-btn-pool:hover{background:#ffd57a;transform:scale(1.05)}.box-add-btn:hover{background:#fff6;transform:scale(1.05)}.fifth-box{background:linear-gradient(135deg,#ffeb3b,#fdd835);padding:20px}.profil-box{width:100%;border-radius:16px;overflow:hidden;box-shadow:0 3px 12px #00000014}.gradient-cover{height:140px;background:linear-gradient(90deg,#ffb94f,#ffce21)}.white-cover{background:#fff;height:80px;position:relative}.profile-photo{width:110px;height:110px;border-radius:50%;object-fit:cover;position:absolute;top:-55px;left:40px;border:5px solid white}.profile-info-box{margin-left:170px;padding-top:20px;display:flex;justify-content:space-between;margin-right:30px}.name{font-size:22px;font-weight:600}.role{font-size:14px;color:#888}.upload-btn{border:1px solid #ccc;padding:8px 14px;border-radius:8px;cursor:pointer;background:#fff;font-size:14px;display:flex;justify-content:center;align-items:center;color:#555;gap:12px;transition:.3s ease-in-out}.upload-btn:hover{border:1px solid #ffad1f;color:#ff9e1f;background-color:#ffedac}.profil-page-grid-area{margin-top:2%;display:grid;grid-template-columns:1fr .7fr;gap:2%;height:60vh}.prof-page-left{display:grid;grid-template-rows:1fr 1fr;gap:20px;height:100%}.prof-page-left-top,.prof-page-left-bottom-left,.prof-page-left-bottom-right,.prof-page-right{background:#fff;border-radius:12px;box-shadow:0 3px 12px #00000014;padding:22px}.inf-area{display:flex;justify-content:space-between}.inf-area>div{display:flex;flex-direction:column;gap:8px}.inf-area input{padding:10px 12px;border:1px solid #ccc;border-radius:6px}.inf-area button{padding:8px 12px;border-radius:6px;border:none;background:#fff;border:1px solid #308cdd;color:#308cdd;cursor:pointer;transition:.3s ease-in-out}.inf-area button:hover{background:#f0f8ff}.prof-page-left-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px}.prof-page-left-bottom-left{display:flex;flex-direction:column;gap:12px}.prof-page-left-bottom-left input{background:#efefef;padding:10px 12px;border-radius:6px;border:none}.prof-page-left-bottom-left button{padding:10px 12px;border-radius:6px;border:none;background:#308cdd;color:#fff;cursor:pointer;transition:.3s ease-in-out}.prof-page-left-bottom-left button:hover{background:#22649e}.prof-page-right{height:91%;display:flex;flex-direction:column}.prof-page-right textarea{flex:1;margin-top:10px;border-radius:10px;border:1px solid #d0d0d0;padding:14px;resize:none;background:#fafafa;font-family:Poppins,sans-serif;color:#555}.prof-page-right button{margin-top:12px;padding:12px;background:#308cdd;border:none;color:#fff;border-radius:8px;cursor:pointer;transition:.3s ease-in-out}.prof-page-right button:hover{background:#22649e}@media(max-width:900px){.profil-page-grid-area{grid-template-columns:1fr;height:auto}.inf-area{flex-direction:column;gap:18px}}.content h1 span{font-size:32px}.top-banner-info .banner-text h2{margin:0;font-weight:600}.top-banner-info .banner-text p{margin-top:16px;line-height:1.4;padding-right:260px}.top-banner-info{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#ffb94f,#ffce21);border-radius:12px;padding:20px;margin-bottom:20px;color:#fff;position:relative;overflow:hidden}.banner-decoration{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:180px;height:120px}.phone-icon{position:absolute;left:-20px;top:50%;transform:translateY(-50%);animation:phoneRing 2s ease-in-out infinite}.phone-body{width:40px;height:65px;background:#ffffff4d;border:2.5px solid rgba(255,255,255,.5);border-radius:10px;position:relative;display:flex;flex-direction:column;align-items:center;padding:6px 4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.phone-speaker{width:16px;height:2.5px;background:#fff9;border-radius:2px;margin-bottom:4px}.phone-screen{width:30px;height:42px;background:#fff3;border-radius:3px;border:1px solid rgba(255,255,255,.3)}.phone-waves{position:absolute;top:12px;right:-20px}.wave{position:absolute;width:12px;height:12px;border:2px solid rgba(255,255,255,.6);border-radius:50%;border-left:transparent;border-bottom:transparent;transform:rotate(-45deg)}.wave-1{animation:waveExpand 2s ease-in-out infinite}.wave-2{animation:waveExpand 2s ease-in-out infinite .3s}.wave-3{animation:waveExpand 2s ease-in-out infinite .6s}@keyframes phoneRing{0%,to{transform:translateY(-50%) rotate(0)}10%,30%{transform:translateY(-50%) rotate(-10deg)}20%,40%{transform:translateY(-50%) rotate(10deg)}50%,90%{transform:translateY(-50%) rotate(0)}}@keyframes waveExpand{0%{transform:rotate(-45deg) scale(.5);opacity:1}to{transform:rotate(-45deg) scale(2);opacity:0}}.chat-bubble{position:absolute;background:#ffffff40;border:2.5px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-bubble-1{width:80px;height:55px;border-radius:16px;position:relative;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite;right:-15px;top:-10px}.chat-bubble-1:after{content:"";position:absolute;bottom:-6px;left:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid rgba(255,255,255,.25);border-radius:2px}.chat-bubble-2{width:55px;height:40px;border-radius:12px;animation:float 3s ease-in-out infinite .5s;left:-10px;bottom:15px}.chat-bubble-2:after{content:"";position:absolute;bottom:-5px;right:12px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid rgba(255,255,255,.25);border-radius:2px}.bubble-dots{display:flex;gap:5px;align-items:center}.bubble-dots span{width:6px;height:6px;background:#fffc;border-radius:50%;animation:typing 1.4s ease-in-out infinite}.bubble-dots span:nth-child(2){animation-delay:.2s}.bubble-dots span:nth-child(3){animation-delay:.4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes typing{0%,60%,to{transform:scale(1);opacity:.7}30%{transform:scale(1.3);opacity:1}}@media(max-width:768px){.banner-decoration{width:120px;height:80px;right:10px}.phone-body{width:30px;height:50px;padding:4px 3px}.phone-speaker{width:12px;height:2px}.phone-screen{width:22px;height:32px}.chat-bubble-1{width:60px;height:42px;border-radius:12px}.chat-bubble-2{width:42px;height:32px;border-radius:10px}.bubble-dots span{width:4px;height:4px}.top-banner-info .banner-text p{padding-right:140px}}@media(max-width:480px){.banner-decoration{display:none}.top-banner-info .banner-text p{padding-right:0}}.search-bar-meeting{display:flex;align-items:center;margin-bottom:20px;background-color:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000001a}.search-bar-meeting input{flex:1;border:none;outline:none;font-size:14px;padding-left:8px}.coust-list-meeting{overflow-x:auto;box-shadow:0 2px 6px #0000001a;border-radius:8px}.customer-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.customer-table th,.customer-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #f0f0f0}.customer-table th{background-color:#fff;font-weight:500}.customer-table tbody tr{transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 0 #ffb94f}.customer-table tbody tr:hover{background:linear-gradient(90deg,#fffbf2,#fff);box-shadow:inset 4px 0 #ffb94f}.view-btn{background-color:#ffce21;color:#fff;border:none;padding:8px 24px;border-radius:6px;cursor:pointer;transition:.2s;font-size:12px}.view-btn:hover{background-color:#ffb94f}.meeting-area{display:grid;grid-template-columns:60% 38%;gap:2%;height:100%}.left-meeting{flex:1.2;display:flex;flex-direction:column}.right-meeting{flex:1;display:flex;flex-direction:column;gap:20px;background-color:#fff;padding:15px;border-radius:12px;min-height:500px;box-shadow:0 2px 6px #0000001a}.meet-note{display:flex;flex-direction:column;gap:10px}.meet-note textarea{width:96%;min-height:120px;max-height:120px;padding:8px;border-radius:8px;border:1px solid #ccc;resize:vertical;background-color:#fdfdfd;font-family:Poppins,sans-serif}.meet-note textarea:focus{outline:none;border-color:#ffb94f;box-shadow:0 0 5px #ffb94f66}.meet-note button{align-self:flex-end;background-color:#ffce21;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer;transition:.3s ease-in-out}.meet-note button:hover{background-color:#ffb94f}.meet-note h3{color:#555}.meet-back{display:flex;flex-direction:column;gap:10px}.meet-history{display:flex;flex-direction:column;gap:10px;max-height:400px;overflow-y:auto}.meet-history-item{background-color:#fff;padding:8px 10px;border-radius:8px;border:1px solid #e0e0e0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.meet-history-item p{font-size:14px;color:#646464;margin:0;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap;padding:12px 0}.meet-history-item span{display:block;font-size:12px;color:#999;margin-top:4px}.meet-back h6{font-size:16px;color:#c2c2c2;font-weight:500}#spe-par{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:100px;height:580px;color:#cacaca}.toast{position:fixed;top:20px;right:20px;padding:12px 18px;border-radius:8px;color:#fff;z-index:9999}.toast.success{background-color:#4caf50}.toast.update{background-color:#2196f3}.toast.error{background-color:#f44336}