#mykot-kiosk{font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;max-width:1200px;margin:0 auto;background-color:#f4f6f8;min-height:100vh;box-sizing:border-box;padding-bottom:60px}#mykot-kiosk *{box-sizing:border-box}.mykot-header{background:linear-gradient(135deg,#036 0%,#004080 100%);color:#fff;padding:20px;border-radius:0 0 20px 20px;margin-bottom:25px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-top .logo{font-size:1.8rem;font-weight:800;letter-spacing:1px}.btn-profile{background:#fc0;border:none;padding:8px 16px;border-radius:30px;font-weight:700;cursor:pointer;color:#036;display:flex;align-items:center;gap:8px}.mykot-location-bar{position:relative;background:rgba(255,255,255,.15);padding:8px 15px;border-radius:12px;display:flex;flex-direction:column;gap:5px;z-index:500}.mykot-location-bar label{font-weight:600;color:#fff;font-size:.9rem}.mykot-location-bar input{width:100%;padding:10px;border:none;border-radius:8px;font-size:1rem;outline:none}#city-suggestions{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;box-shadow:0 10px 20px rgba(0,0,0,.2);border-radius:0 0 12px 12px;z-index:9999;max-height:250px;overflow-y:auto;margin-top:5px}.suggestion-item{padding:12px 15px;cursor:pointer;border-bottom:1px solid #eee;color:#333;font-weight:500}.suggestion-item:hover{background-color:#f0f7ff;color:#036}.mykot-tabs{display:flex;gap:10px;padding:0 15px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.mykot-tabs::-webkit-scrollbar{display:none}.tab-btn{background:#fff;border:1px solid #ddd;padding:8px 18px;border-radius:20px;white-space:nowrap;cursor:pointer;color:#666;font-weight:600;font-size:.9rem}.tab-btn.active{background:#036;color:#fff;border-color:#036}.mykot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px;padding:15px}.mykot-card-wrapper{position:relative;height:100%}.mykot-card{background:#fff;border-radius:12px;padding:20px;text-decoration:none;color:#333;box-shadow:0 2px 6px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s;border:1px solid transparent;display:flex;flex-direction:column;height:100%;justify-content:space-between}.mykot-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.08);border-color:#036}.card-top{display:flex;justify-content:flex-start;margin-bottom:15px;padding-right:35px}.badge-scope{font-size:.7rem;text-transform:uppercase;font-weight:700;padding:3px 8px;border-radius:4px;letter-spacing:.5px}.badge-scope.national{background:#eef2f5;color:#555}.badge-scope.local{background:#e6f7ff;color:#06c}.card-body{flex-grow:1;margin-bottom:20px}.title{font-weight:700;font-size:1.1rem;line-height:1.4;margin:0;color:#2c3e50;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-footer{text-align:center}.btn-action{display:block;width:100%;padding:10px;border-radius:8px;font-size:.9rem;font-weight:700;text-align:center}.btn-action.link{background:#f0f4f8;color:#036}.btn-action.pdf{background:#fff4e6;color:#d97706}.mykot-card:hover .btn-action.link{background:#036;color:#fff}.mykot-card:hover .btn-action.pdf{background:#d97706;color:#fff}.mykot-speak-btn{position:absolute;top:15px;right:15px;background:#fff;border:1px solid #eee;border-radius:50%;width:34px;height:34px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:20;box-shadow:0 2px 5px rgba(0,0,0,.05);padding:0}.mykot-speak-btn svg{width:18px;height:18px;fill:#888;transition:fill .2s}.mykot-speak-btn:hover{background:#fc0;border-color:#fc0}.mykot-speak-btn:hover svg{fill:#036}.mykot-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.modal-content{background:#fff;margin:15% auto;padding:30px;width:90%;max-width:450px;border-radius:16px}.close-modal{float:right;font-size:28px;cursor:pointer;color:#aaa}#profile-form input{width:100%;padding:12px;margin:8px 0;border:1px solid #ddd;border-radius:8px}.btn-generate{width:100%;background:#036;color:#fff;padding:12px;margin-top:10px;border:none;border-radius:8px;font-weight:700;cursor:pointer}@media (min-width:768px){.mykot-location-bar{flex-direction:row;align-items:center}.mykot-location-bar label{white-space:nowrap;margin-right:10px}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:15px}.full-width{grid-column:span 2}.form-group label{display:block;font-size:.8rem;color:#666;margin-bottom:3px}.form-group input{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:.95rem}.assistant-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left}